Palette · 9 colors · Lc 8.4
Steady Eagle Prism palette
Steady Eagle Prism: a 9-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F0E6D3, #D2C5A9, #C8A67C, #AC8356, #9D6D3D, #835338, #5F2F15, #3D2211, #240F03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0E6D3
surface
#D2C5A9
muted
#C8A67C
primary
#AC8356
secondary
#9D6D3D
accent
#835338
highlight
#5F2F15
border
#3D2211
text
#240F03
Colors in Steady Eagle Prism: HEX, RGB, HSL & OKLCH
- #F0E6D3 color page →
bg
#F0E6D3
- RGB
- rgb(240 230 211)
- HSL
- hsl(39 49% 88%)
- OKLCH
- oklch(0.928 0.027 83.5)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.96:1 (AAA)
- #D2C5A9 color page →
surface
#D2C5A9
- RGB
- rgb(210 197 169)
- HSL
- hsl(41 31% 74%)
- OKLCH
- oklch(0.827 0.041 86.1)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.29:1 (AAA)
- #C8A67C color page →
muted
#C8A67C
- RGB
- rgb(200 166 124)
- HSL
- hsl(33 41% 64%)
- OKLCH
- oklch(0.745 0.069 72.3)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.20:1 (AAA)
- #AC8356 color page →
primary
#AC8356
- RGB
- rgb(172 131 86)
- HSL
- hsl(31 34% 51%)
- OKLCH
- oklch(0.639 0.079 68.2)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.13:1 (AA)
- #9D6D3D color page →
secondary
#9D6D3D
- RGB
- rgb(157 109 61)
- HSL
- hsl(30 44% 43%)
- OKLCH
- oklch(0.574 0.089 64.4)
WCAG contrast: on white 4.47:1 (Fail) · on black 4.68:1 (AA)
- #835338 color page →
accent
#835338
- RGB
- rgb(131 83 56)
- HSL
- hsl(22 40% 37%)
- OKLCH
- oklch(0.49 0.076 49.6)
WCAG contrast: on white 6.44:1 (AA) · on black 3.25:1 (Fail)
- #5F2F15 color page →
highlight
#5F2F15
- RGB
- rgb(95 47 21)
- HSL
- hsl(21 64% 23%)
- OKLCH
- oklch(0.364 0.079 47)
WCAG contrast: on white 11.02:1 (AAA) · on black 1.90:1 (Fail)
- #3D2211 color page →
border
#3D2211
- RGB
- rgb(61 34 17)
- HSL
- hsl(23 56% 15%)
- OKLCH
- oklch(0.283 0.05 51.7)
WCAG contrast: on white 14.63:1 (AAA) · on black 1.43:1 (Fail)
- #240F03 color page →
text
#240F03
- RGB
- rgb(36 15 3)
- HSL
- hsl(22 85% 8%)
- OKLCH
- oklch(0.197 0.042 51.9)
WCAG contrast: on white 18.34:1 (AAA) · on black 1.14:1 (Fail)
Export Steady Eagle Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e6d3;
--surface: #d2c5a9;
--muted: #c8a67c;
--primary: #ac8356;
--secondary: #9d6d3d;
--accent: #835338;
--highlight: #5f2f15;
--border: #3d2211;
--text: #240f03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e6d3;
--color-surface: #d2c5a9;
--color-muted: #c8a67c;
--color-primary: #ac8356;
--color-secondary: #9d6d3d;
--color-accent: #835338;
--color-highlight: #5f2f15;
--color-border: #3d2211;
--color-text: #240f03;
}JSON (DTCG tokens)
{
"steady-eagle-prism-139": {
"bg": {
"$type": "color",
"$value": "#f0e6d3"
},
"surface": {
"$type": "color",
"$value": "#d2c5a9"
},
"muted": {
"$type": "color",
"$value": "#c8a67c"
},
"primary": {
"$type": "color",
"$value": "#ac8356"
},
"secondary": {
"$type": "color",
"$value": "#9d6d3d"
},
"accent": {
"$type": "color",
"$value": "#835338"
},
"highlight": {
"$type": "color",
"$value": "#5f2f15"
},
"border": {
"$type": "color",
"$value": "#3d2211"
},
"text": {
"$type": "color",
"$value": "#240f03"
}
}
}About this palette
Steady Eagle Prism is a 9-color OKLCH-ready palette tagged yellow, warm, nature, brown, 9 colors. Hex values: #F0E6D3, #D2C5A9, #C8A67C, #AC8356, #9D6D3D, #835338, #5F2F15, #3D2211, #240F03. APCA contrast score Lc 8.4. 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 Eagle Prism by OKLab color distance.