Palette · 5 colors · Lc 9.7
Warm Blue Brief palette
Warm Blue Brief: a 5-color palette (Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #F6EFDD, #B06D00, #3E55E0, #3F2B00, #0E0D08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6EFDD
surface
#B06D00
primary
#3E55E0
accent
#3F2B00
text
#0E0D08
Colors in Warm Blue Brief: HEX, RGB, HSL & OKLCH
- #F6EFDD color page →
bg
#F6EFDD
- RGB
- rgb(246 239 221)
- HSL
- hsl(43 58% 92%)
- OKLCH
- oklch(0.953 0.025 89.2)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.30:1 (AAA)
- #B06D00 color page →
surface
#B06D00
- RGB
- rgb(176 109 0)
- HSL
- hsl(37 100% 35%)
- OKLCH
- oklch(0.594 0.13 68.2)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.03:1 (AA)
- #3E55E0 color page →
primary
#3E55E0
- RGB
- rgb(62 85 224)
- HSL
- hsl(231 72% 56%)
- OKLCH
- oklch(0.52 0.211 270)
WCAG contrast: on white 5.86:1 (AA) · on black 3.58:1 (Fail)
- #3F2B00 color page →
accent
#3F2B00
- RGB
- rgb(63 43 0)
- HSL
- hsl(41 100% 12%)
- OKLCH
- oklch(0.305 0.063 81.1)
WCAG contrast: on white 13.48:1 (AAA) · on black 1.55:1 (Fail)
- #0E0D08 color page →
text
#0E0D08
- RGB
- rgb(14 13 8)
- HSL
- hsl(50 27% 4%)
- OKLCH
- oklch(0.158 0.01 98.3)
WCAG contrast: on white 19.44:1 (AAA) · on black 1.07:1 (Fail)
Export Warm Blue Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6efdd;
--surface: #b06d00;
--primary: #3e55e0;
--accent: #3f2b00;
--text: #0e0d08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6efdd;
--color-surface: #b06d00;
--color-primary: #3e55e0;
--color-accent: #3f2b00;
--color-text: #0e0d08;
}JSON (DTCG tokens)
{
"warm-blue-brief-2fk": {
"bg": {
"$type": "color",
"$value": "#f6efdd"
},
"surface": {
"$type": "color",
"$value": "#b06d00"
},
"primary": {
"$type": "color",
"$value": "#3e55e0"
},
"accent": {
"$type": "color",
"$value": "#3f2b00"
},
"text": {
"$type": "color",
"$value": "#0e0d08"
}
}
}About this palette
Warm Blue Brief is a 5-color OKLCH-ready palette tagged violet, cold, 5 colors. Hex values: #F6EFDD, #B06D00, #3E55E0, #3F2B00, #0E0D08. 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 Warm Blue Brief by OKLab color distance.