Palette · 10 colors · Lc 10
Steady Bay Leaf Studio palette
Steady Bay Leaf Studio: a 10-color palette (Green, Gray, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #F6F5EE, #E0D6B4, #C0B891, #ADA171, #877B43, #796736, #50481D, #3F3619, #231D06, #100C02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Monochromatic
- 10 Colors
bg
#F6F5EE
surface
#E0D6B4
muted
#C0B891
primary
#ADA171
secondary
#877B43
accent
#796736
highlight
#50481D
border
#3F3619
focus
#231D06
text
#100C02
Colors in Steady Bay Leaf Studio: HEX, RGB, HSL & OKLCH
- #F6F5EE color page →
bg
#F6F5EE
- RGB
- rgb(246 245 238)
- HSL
- hsl(53 31% 95%)
- OKLCH
- oklch(0.969 0.009 100)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.21:1 (AAA)
- #E0D6B4 color page →
surface
#E0D6B4
- RGB
- rgb(224 214 180)
- HSL
- hsl(46 42% 79%)
- OKLCH
- oklch(0.875 0.046 93.5)
WCAG contrast: on white 1.45:1 (Fail) · on black 14.44:1 (AAA)
- #C0B891 color page →
muted
#C0B891
- RGB
- rgb(192 184 145)
- HSL
- hsl(50 27% 66%)
- OKLCH
- oklch(0.779 0.054 97.8)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.50:1 (AAA)
- #ADA171 color page →
primary
#ADA171
- RGB
- rgb(173 161 113)
- HSL
- hsl(48 27% 56%)
- OKLCH
- oklch(0.708 0.067 95.8)
WCAG contrast: on white 2.58:1 (Fail) · on black 8.11:1 (AAA)
- #877B43 color page →
secondary
#877B43
- RGB
- rgb(135 123 67)
- HSL
- hsl(49 34% 40%)
- OKLCH
- oklch(0.581 0.077 97.5)
WCAG contrast: on white 4.24:1 (Fail) · on black 4.94:1 (AA)
- #796736 color page →
accent
#796736
- RGB
- rgb(121 103 54)
- HSL
- hsl(44 38% 34%)
- OKLCH
- oklch(0.52 0.071 89.7)
WCAG contrast: on white 5.51:1 (AA) · on black 3.80:1 (Fail)
- #50481D color page →
highlight
#50481D
- RGB
- rgb(80 72 29)
- HSL
- hsl(51 47% 21%)
- OKLCH
- oklch(0.4 0.062 98.9)
WCAG contrast: on white 9.18:1 (AAA) · on black 2.28:1 (Fail)
- #3F3619 color page →
border
#3F3619
- RGB
- rgb(63 54 25)
- HSL
- hsl(46 43% 17%)
- OKLCH
- oklch(0.335 0.046 92.5)
WCAG contrast: on white 11.97:1 (AAA) · on black 1.75:1 (Fail)
- #231D06 color page →
focus
#231D06
- RGB
- rgb(35 29 6)
- HSL
- hsl(48 71% 8%)
- OKLCH
- oklch(0.232 0.038 94.9)
WCAG contrast: on white 16.80:1 (AAA) · on black 1.24:1 (Fail)
- #100C02 color page →
text
#100C02
- RGB
- rgb(16 12 2)
- HSL
- hsl(43 78% 4%)
- OKLCH
- oklch(0.156 0.025 93)
WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)
Export Steady Bay Leaf Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6f5ee;
--surface: #e0d6b4;
--muted: #c0b891;
--primary: #ada171;
--secondary: #877b43;
--accent: #796736;
--highlight: #50481d;
--border: #3f3619;
--focus: #231d06;
--text: #100c02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6f5ee;
--color-surface: #e0d6b4;
--color-muted: #c0b891;
--color-primary: #ada171;
--color-secondary: #877b43;
--color-accent: #796736;
--color-highlight: #50481d;
--color-border: #3f3619;
--color-focus: #231d06;
--color-text: #100c02;
}JSON (DTCG tokens)
{
"steady-bay-leaf-studio-74p": {
"bg": {
"$type": "color",
"$value": "#f6f5ee"
},
"surface": {
"$type": "color",
"$value": "#e0d6b4"
},
"muted": {
"$type": "color",
"$value": "#c0b891"
},
"primary": {
"$type": "color",
"$value": "#ada171"
},
"secondary": {
"$type": "color",
"$value": "#877b43"
},
"accent": {
"$type": "color",
"$value": "#796736"
},
"highlight": {
"$type": "color",
"$value": "#50481d"
},
"border": {
"$type": "color",
"$value": "#3f3619"
},
"focus": {
"$type": "color",
"$value": "#231d06"
},
"text": {
"$type": "color",
"$value": "#100c02"
}
}
}About this palette
Steady Bay Leaf Studio is a 10-color OKLCH-ready palette tagged green, gray, monochromatic, 10 colors. Hex values: #F6F5EE, #E0D6B4, #C0B891, #ADA171, #877B43, #796736, #50481D, #3F3619, #231D06, #100C02. APCA contrast score Lc 10. 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 Bay Leaf Studio by OKLab color distance.