Palette · 7 colors · Lc 9.5
Steady Basil Drift palette
Steady Basil Drift: a 7-color palette (Green, Gray, 7 Colors). HEX, RGB, HSL and OKLCH for #EBF4E8, #BEC3BD, #879A84, #6B7567, #4A534B, #253027, #060D08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBF4E8
surface
#BEC3BD
muted
#879A84
primary
#6B7567
secondary
#4A534B
accent
#253027
text
#060D08
Colors in Steady Basil Drift: HEX, RGB, HSL & OKLCH
- #EBF4E8 color page →
bg
#EBF4E8
- RGB
- rgb(235 244 232)
- HSL
- hsl(105 35% 93%)
- OKLCH
- oklch(0.957 0.019 137.8)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.63:1 (AAA)
- #BEC3BD color page →
surface
#BEC3BD
- RGB
- rgb(190 195 189)
- HSL
- hsl(110 5% 75%)
- OKLCH
- oklch(0.812 0.01 140.5)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.73:1 (AAA)
- #879A84 color page →
muted
#879A84
- RGB
- rgb(135 154 132)
- HSL
- hsl(112 10% 56%)
- OKLCH
- oklch(0.665 0.039 141.3)
WCAG contrast: on white 3.00:1 (Fail) · on black 6.98:1 (AA)
- #6B7567 color page →
primary
#6B7567
- RGB
- rgb(107 117 103)
- HSL
- hsl(103 6% 43%)
- OKLCH
- oklch(0.55 0.024 136.7)
WCAG contrast: on white 4.81:1 (AA) · on black 4.36:1 (Fail)
- #4A534B color page →
secondary
#4A534B
- RGB
- rgb(74 83 75)
- HSL
- hsl(127 6% 31%)
- OKLCH
- oklch(0.432 0.017 148.5)
WCAG contrast: on white 7.98:1 (AAA) · on black 2.63:1 (Fail)
- #253027 color page →
accent
#253027
- RGB
- rgb(37 48 39)
- HSL
- hsl(131 13% 17%)
- OKLCH
- oklch(0.296 0.022 150.2)
WCAG contrast: on white 13.71:1 (AAA) · on black 1.53:1 (Fail)
- #060D08 color page →
text
#060D08
- RGB
- rgb(6 13 8)
- HSL
- hsl(137 37% 4%)
- OKLCH
- oklch(0.149 0.016 154.5)
WCAG contrast: on white 19.64:1 (AAA) · on black 1.06:1 (Fail)
Export Steady Basil Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebf4e8;
--surface: #bec3bd;
--muted: #879a84;
--primary: #6b7567;
--secondary: #4a534b;
--accent: #253027;
--text: #060d08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebf4e8;
--color-surface: #bec3bd;
--color-muted: #879a84;
--color-primary: #6b7567;
--color-secondary: #4a534b;
--color-accent: #253027;
--color-text: #060d08;
}JSON (DTCG tokens)
{
"steady-basil-drift-7do": {
"bg": {
"$type": "color",
"$value": "#ebf4e8"
},
"surface": {
"$type": "color",
"$value": "#bec3bd"
},
"muted": {
"$type": "color",
"$value": "#879a84"
},
"primary": {
"$type": "color",
"$value": "#6b7567"
},
"secondary": {
"$type": "color",
"$value": "#4a534b"
},
"accent": {
"$type": "color",
"$value": "#253027"
},
"text": {
"$type": "color",
"$value": "#060d08"
}
}
}About this palette
Steady Basil Drift is a 7-color OKLCH-ready palette tagged green, gray, 7 colors. Hex values: #EBF4E8, #BEC3BD, #879A84, #6B7567, #4A534B, #253027, #060D08. APCA contrast score Lc 9.5. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Steady Basil Drift by OKLab color distance.