Palette · 6 colors · Lc 9.7
Otterly Brown Brief palette
Otterly Brown Brief: a 6-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FBF6EF, #C8AE8F, #A27B56, #854C25, #5D331B, #271106, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FBF6EF
surface
#C8AE8F
muted
#A27B56
primary
#854C25
accent
#5D331B
text
#271106
Colors in Otterly Brown Brief: HEX, RGB, HSL & OKLCH
- #FBF6EF color page →
bg
#FBF6EF
- RGB
- rgb(251 246 239)
- HSL
- hsl(35 60% 96%)
- OKLCH
- oklch(0.975 0.011 76.6)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.53:1 (AAA)
- #C8AE8F color page →
surface
#C8AE8F
- RGB
- rgb(200 174 143)
- HSL
- hsl(33 34% 67%)
- OKLCH
- oklch(0.765 0.052 71.8)
WCAG contrast: on white 2.11:1 (Fail) · on black 9.90:1 (AAA)
- #A27B56 color page →
muted
#A27B56
- RGB
- rgb(162 123 86)
- HSL
- hsl(29 31% 49%)
- OKLCH
- oklch(0.612 0.071 64.4)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.50:1 (AA)
- #854C25 color page →
primary
#854C25
- RGB
- rgb(133 76 37)
- HSL
- hsl(24 56% 33%)
- OKLCH
- oklch(0.476 0.094 52.8)
WCAG contrast: on white 6.86:1 (AA) · on black 3.05:1 (Fail)
- #5D331B color page →
accent
#5D331B
- RGB
- rgb(93 51 27)
- HSL
- hsl(22 55% 24%)
- OKLCH
- oklch(0.369 0.071 49)
WCAG contrast: on white 10.74:1 (AAA) · on black 1.95:1 (Fail)
- #271106 color page →
text
#271106
- RGB
- rgb(39 17 6)
- HSL
- hsl(20 73% 9%)
- OKLCH
- oklch(0.208 0.042 47.1)
WCAG contrast: on white 17.96:1 (AAA) · on black 1.16:1 (Fail)
Export Otterly Brown Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fbf6ef;
--surface: #c8ae8f;
--muted: #a27b56;
--primary: #854c25;
--accent: #5d331b;
--text: #271106;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fbf6ef;
--color-surface: #c8ae8f;
--color-muted: #a27b56;
--color-primary: #854c25;
--color-accent: #5d331b;
--color-text: #271106;
}JSON (DTCG tokens)
{
"otterly-brown-brief-5pu": {
"bg": {
"$type": "color",
"$value": "#fbf6ef"
},
"surface": {
"$type": "color",
"$value": "#c8ae8f"
},
"muted": {
"$type": "color",
"$value": "#a27b56"
},
"primary": {
"$type": "color",
"$value": "#854c25"
},
"accent": {
"$type": "color",
"$value": "#5d331b"
},
"text": {
"$type": "color",
"$value": "#271106"
}
}
}About this palette
Otterly Brown Brief is a 6-color OKLCH-ready palette tagged yellow, warm, nature, brown, 6 colors. Hex values: #FBF6EF, #C8AE8F, #A27B56, #854C25, #5D331B, #271106. APCA contrast score Lc 9.7. 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 Otterly Brown Brief by OKLab color distance.