10 colors · #D9ED92 · #B5E48C · #99D98C · #76C893 · #52B69A · #34A0A4 · #168AAD · #1A759F · #1E6091 · #184E77
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #D9ED92 | 217 237 146 | 73° 72% 75% | |
| #B5E48C | 181 228 140 | 92° 62% 72% | |
| #99D98C | 153 217 140 | 110° 50% 70% | |
| #76C893 | 118 200 147 | 141° 43% 62% | |
| #52B69A | 82 182 154 | 163° 41% 52% | |
| #34A0A4 | 52 160 164 | 182° 52% 42% | |
| #168AAD | 22 138 173 | 194° 77% 38% | |
| #1A759F | 26 117 159 | 199° 72% 36% | |
| #1E6091 | 30 96 145 | 206° 66% 34% | |
| #184E77 | 24 78 119 | 206° 66% 28% |
Tools use the first 8 colors of this palette.
Hex list
#D9ED92, #B5E48C, #99D98C, #76C893, #52B69A, #34A0A4, #168AAD, #1A759F, #1E6091, #184E77CSS variables
:root {
--meadow-green-1: #D9ED92;
--meadow-green-2: #B5E48C;
--meadow-green-3: #99D98C;
--meadow-green-4: #76C893;
--meadow-green-5: #52B69A;
--meadow-green-6: #34A0A4;
--meadow-green-7: #168AAD;
--meadow-green-8: #1A759F;
--meadow-green-9: #1E6091;
--meadow-green-10: #184E77;
}Tailwind v4
@theme {
--color-meadow-green-1: #D9ED92;
--color-meadow-green-2: #B5E48C;
--color-meadow-green-3: #99D98C;
--color-meadow-green-4: #76C893;
--color-meadow-green-5: #52B69A;
--color-meadow-green-6: #34A0A4;
--color-meadow-green-7: #168AAD;
--color-meadow-green-8: #1A759F;
--color-meadow-green-9: #1E6091;
--color-meadow-green-10: #184E77;
}JSON
{
"name": "Meadow Green",
"colors": [
"#D9ED92",
"#B5E48C",
"#99D98C",
"#76C893",
"#52B69A",
"#34A0A4",
"#168AAD",
"#1A759F",
"#1E6091",
"#184E77"
],
"source": "https://coolors.co/palette/d9ed92-b5e48c-99d98c-76c893-52b69a-34a0a4-168aad-1a759f-1e6091-184e77"
}