Palette · 10 colors · Lc 9.8
Classic Eagle Atelier palette
Classic Eagle Atelier: a 10-color palette (Yellow, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #FFF3E5, #EFD3BF, #D7AA87, #BC8B63, #9C6C3C, #8A5B31, #6D4922, #452804, #2F1701, #090402, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF3E5
surface
#EFD3BF
muted
#D7AA87
primary
#BC8B63
secondary
#9C6C3C
accent
#8A5B31
highlight
#6D4922
border
#452804
focus
#2F1701
text
#090402
Colors in Classic Eagle Atelier: HEX, RGB, HSL & OKLCH
- #FFF3E5 color page →
bg
#FFF3E5
- RGB
- rgb(255 243 229)
- HSL
- hsl(32 100% 95%)
- OKLCH
- oklch(0.97 0.023 71.8)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.20:1 (AAA)
- #EFD3BF color page →
surface
#EFD3BF
- RGB
- rgb(239 211 191)
- HSL
- hsl(25 60% 84%)
- OKLCH
- oklch(0.885 0.041 57.7)
WCAG contrast: on white 1.42:1 (Fail) · on black 14.74:1 (AAA)
- #D7AA87 color page →
muted
#D7AA87
- RGB
- rgb(215 170 135)
- HSL
- hsl(26 50% 69%)
- OKLCH
- oklch(0.77 0.071 59.3)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.98:1 (AAA)
- #BC8B63 color page →
primary
#BC8B63
- RGB
- rgb(188 139 99)
- HSL
- hsl(27 40% 56%)
- OKLCH
- oklch(0.675 0.081 60)
WCAG contrast: on white 2.99:1 (Fail) · on black 7.01:1 (AAA)
- #9C6C3C color page →
secondary
#9C6C3C
- RGB
- rgb(156 108 60)
- HSL
- hsl(30 44% 42%)
- OKLCH
- oklch(0.571 0.089 64.4)
WCAG contrast: on white 4.54:1 (AA) · on black 4.62:1 (AA)
- #8A5B31 color page →
accent
#8A5B31
- RGB
- rgb(138 91 49)
- HSL
- hsl(28 48% 37%)
- OKLCH
- oklch(0.513 0.084 60.9)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #6D4922 color page →
highlight
#6D4922
- RGB
- rgb(109 73 34)
- HSL
- hsl(31 52% 28%)
- OKLCH
- oklch(0.437 0.073 65.9)
WCAG contrast: on white 7.99:1 (AAA) · on black 2.62:1 (Fail)
- #452804 color page →
border
#452804
- RGB
- rgb(69 40 4)
- HSL
- hsl(33 89% 14%)
- OKLCH
- oklch(0.307 0.064 66.2)
WCAG contrast: on white 13.47:1 (AAA) · on black 1.55:1 (Fail)
- #2F1701 color page →
focus
#2F1701
- RGB
- rgb(47 23 1)
- HSL
- hsl(29 96% 9%)
- OKLCH
- oklch(0.234 0.052 61.3)
WCAG contrast: on white 16.88:1 (AAA) · on black 1.24:1 (Fail)
- #090402 color page →
text
#090402
- RGB
- rgb(9 4 2)
- HSL
- hsl(17 64% 2%)
- OKLCH
- oklch(0.115 0.015 52.6)
WCAG contrast: on white 20.39:1 (AAA) · on black 1.02:1 (Fail)
Export Classic Eagle Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3e5;
--surface: #efd3bf;
--muted: #d7aa87;
--primary: #bc8b63;
--secondary: #9c6c3c;
--accent: #8a5b31;
--highlight: #6d4922;
--border: #452804;
--focus: #2f1701;
--text: #090402;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3e5;
--color-surface: #efd3bf;
--color-muted: #d7aa87;
--color-primary: #bc8b63;
--color-secondary: #9c6c3c;
--color-accent: #8a5b31;
--color-highlight: #6d4922;
--color-border: #452804;
--color-focus: #2f1701;
--color-text: #090402;
}JSON (DTCG tokens)
{
"classic-eagle-atelier-7dw": {
"bg": {
"$type": "color",
"$value": "#fff3e5"
},
"surface": {
"$type": "color",
"$value": "#efd3bf"
},
"muted": {
"$type": "color",
"$value": "#d7aa87"
},
"primary": {
"$type": "color",
"$value": "#bc8b63"
},
"secondary": {
"$type": "color",
"$value": "#9c6c3c"
},
"accent": {
"$type": "color",
"$value": "#8a5b31"
},
"highlight": {
"$type": "color",
"$value": "#6d4922"
},
"border": {
"$type": "color",
"$value": "#452804"
},
"focus": {
"$type": "color",
"$value": "#2f1701"
},
"text": {
"$type": "color",
"$value": "#090402"
}
}
}About this palette
Classic Eagle Atelier is a 10-color OKLCH-ready palette tagged yellow, warm, 10 colors. Hex values: #FFF3E5, #EFD3BF, #D7AA87, #BC8B63, #9C6C3C, #8A5B31, #6D4922, #452804, #2F1701, #090402. APCA contrast score Lc 9.8. 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 Classic Eagle Atelier by OKLab color distance.