Palette · 9 colors · Lc 9.5
Steady Bay Leaf Canvas palette
Steady Bay Leaf Canvas: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #EFEDE7, #D1C4AA, #CBAD74, #A78D4B, #83751A, #676400, #4D5000, #313000, #1B1603, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#EFEDE7
surface
#D1C4AA
muted
#CBAD74
primary
#A78D4B
secondary
#83751A
accent
#676400
highlight
#4D5000
border
#313000
text
#1B1603
Colors in Steady Bay Leaf Canvas: HEX, RGB, HSL & OKLCH
- #EFEDE7 color page →
bg
#EFEDE7
- RGB
- rgb(239 237 231)
- HSL
- hsl(45 20% 92%)
- OKLCH
- oklch(0.946 0.008 91.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.93:1 (AAA)
- #D1C4AA color page →
surface
#D1C4AA
- RGB
- rgb(209 196 170)
- HSL
- hsl(40 30% 74%)
- OKLCH
- oklch(0.824 0.038 84.6)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.18:1 (AAA)
- #CBAD74 color page →
muted
#CBAD74
- RGB
- rgb(203 173 116)
- HSL
- hsl(39 46% 63%)
- OKLCH
- oklch(0.761 0.082 82.9)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.76:1 (AAA)
- #A78D4B color page →
primary
#A78D4B
- RGB
- rgb(167 141 75)
- HSL
- hsl(43 38% 47%)
- OKLCH
- oklch(0.653 0.091 88.3)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.55:1 (AA)
- #83751A color page →
secondary
#83751A
- RGB
- rgb(131 117 26)
- HSL
- hsl(52 67% 31%)
- OKLCH
- oklch(0.559 0.107 100)
WCAG contrast: on white 4.64:1 (AA) · on black 4.52:1 (AA)
- #676400 color page →
accent
#676400
- RGB
- rgb(103 100 0)
- HSL
- hsl(58 100% 20%)
- OKLCH
- oklch(0.49 0.105 107.7)
WCAG contrast: on white 6.17:1 (AA) · on black 3.39:1 (Fail)
- #4D5000 color page →
highlight
#4D5000
- RGB
- rgb(77 80 0)
- HSL
- hsl(62 100% 16%)
- OKLCH
- oklch(0.415 0.092 112.2)
WCAG contrast: on white 8.52:1 (AAA) · on black 2.46:1 (Fail)
- #313000 color page →
border
#313000
- RGB
- rgb(49 48 0)
- HSL
- hsl(59 100% 10%)
- OKLCH
- oklch(0.3 0.065 108.5)
WCAG contrast: on white 13.51:1 (AAA) · on black 1.55:1 (Fail)
- #1B1603 color page →
text
#1B1603
- RGB
- rgb(27 22 3)
- HSL
- hsl(48 80% 6%)
- OKLCH
- oklch(0.201 0.035 95.8)
WCAG contrast: on white 18.06:1 (AAA) · on black 1.16:1 (Fail)
Export Steady Bay Leaf Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efede7;
--surface: #d1c4aa;
--muted: #cbad74;
--primary: #a78d4b;
--secondary: #83751a;
--accent: #676400;
--highlight: #4d5000;
--border: #313000;
--text: #1b1603;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efede7;
--color-surface: #d1c4aa;
--color-muted: #cbad74;
--color-primary: #a78d4b;
--color-secondary: #83751a;
--color-accent: #676400;
--color-highlight: #4d5000;
--color-border: #313000;
--color-text: #1b1603;
}JSON (DTCG tokens)
{
"steady-bay-leaf-canvas-4w6": {
"bg": {
"$type": "color",
"$value": "#efede7"
},
"surface": {
"$type": "color",
"$value": "#d1c4aa"
},
"muted": {
"$type": "color",
"$value": "#cbad74"
},
"primary": {
"$type": "color",
"$value": "#a78d4b"
},
"secondary": {
"$type": "color",
"$value": "#83751a"
},
"accent": {
"$type": "color",
"$value": "#676400"
},
"highlight": {
"$type": "color",
"$value": "#4d5000"
},
"border": {
"$type": "color",
"$value": "#313000"
},
"text": {
"$type": "color",
"$value": "#1b1603"
}
}
}About this palette
Steady Bay Leaf Canvas is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #EFEDE7, #D1C4AA, #CBAD74, #A78D4B, #83751A, #676400, #4D5000, #313000, #1B1603. 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 Bay Leaf Canvas by OKLab color distance.