Palette · 10 colors · Lc 9.2
True Warm Blue Ledger palette
True Warm Blue Ledger: a 10-color palette (Pink, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #F5EBDE, #DE9C3C, #B15300, #367B00, #008674, #006DB7, #5952C5, #912781, #5F0C17, #110903, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EBDE
surface
#DE9C3C
muted
#B15300
primary
#367B00
secondary
#008674
accent
#006DB7
highlight
#5952C5
border
#912781
focus
#5F0C17
text
#110903
Colors in True Warm Blue Ledger: HEX, RGB, HSL & OKLCH
- #F5EBDE color page →
bg
#F5EBDE
- RGB
- rgb(245 235 222)
- HSL
- hsl(34 53% 92%)
- OKLCH
- oklch(0.944 0.02 74.7)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.82:1 (AAA)
- #DE9C3C color page →
surface
#DE9C3C
- RGB
- rgb(222 156 60)
- HSL
- hsl(36 71% 55%)
- OKLCH
- oklch(0.74 0.134 72.7)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.92:1 (AAA)
- #B15300 color page →
muted
#B15300
- RGB
- rgb(177 83 0)
- HSL
- hsl(28 100% 35%)
- OKLCH
- oklch(0.55 0.144 50.8)
WCAG contrast: on white 5.11:1 (AA) · on black 4.10:1 (Fail)
- #367B00 color page →
primary
#367B00
- RGB
- rgb(54 123 0)
- HSL
- hsl(94 100% 24%)
- OKLCH
- oklch(0.517 0.156 136.8)
WCAG contrast: on white 5.26:1 (AA) · on black 3.99:1 (Fail)
- #008674 color page →
secondary
#008674
- RGB
- rgb(0 134 116)
- HSL
- hsl(172 100% 26%)
- OKLCH
- oklch(0.555 0.101 178.9)
WCAG contrast: on white 4.50:1 (AA) · on black 4.66:1 (AA)
- #006DB7 color page →
accent
#006DB7
- RGB
- rgb(0 109 183)
- HSL
- hsl(204 100% 36%)
- OKLCH
- oklch(0.523 0.142 248.5)
WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)
- #5952C5 color page →
highlight
#5952C5
- RGB
- rgb(89 82 197)
- HSL
- hsl(244 50% 55%)
- OKLCH
- oklch(0.51 0.173 281)
WCAG contrast: on white 6.10:1 (AA) · on black 3.43:1 (Fail)
- #912781 color page →
border
#912781
- RGB
- rgb(145 39 129)
- HSL
- hsl(309 58% 36%)
- OKLCH
- oklch(0.472 0.173 334.8)
WCAG contrast: on white 7.47:1 (AAA) · on black 2.81:1 (Fail)
- #5F0C17 color page →
focus
#5F0C17
- RGB
- rgb(95 12 23)
- HSL
- hsl(352 78% 21%)
- OKLCH
- oklch(0.316 0.114 20.6)
WCAG contrast: on white 13.53:1 (AAA) · on black 1.55:1 (Fail)
- #110903 color page →
text
#110903
- RGB
- rgb(17 9 3)
- HSL
- hsl(26 70% 4%)
- OKLCH
- oklch(0.149 0.021 66.3)
WCAG contrast: on white 19.73:1 (AAA) · on black 1.06:1 (Fail)
Export True Warm Blue Ledger: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ebde;
--surface: #de9c3c;
--muted: #b15300;
--primary: #367b00;
--secondary: #008674;
--accent: #006db7;
--highlight: #5952c5;
--border: #912781;
--focus: #5f0c17;
--text: #110903;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ebde;
--color-surface: #de9c3c;
--color-muted: #b15300;
--color-primary: #367b00;
--color-secondary: #008674;
--color-accent: #006db7;
--color-highlight: #5952c5;
--color-border: #912781;
--color-focus: #5f0c17;
--color-text: #110903;
}JSON (DTCG tokens)
{
"true-warm-blue-ledger-7of": {
"bg": {
"$type": "color",
"$value": "#f5ebde"
},
"surface": {
"$type": "color",
"$value": "#de9c3c"
},
"muted": {
"$type": "color",
"$value": "#b15300"
},
"primary": {
"$type": "color",
"$value": "#367b00"
},
"secondary": {
"$type": "color",
"$value": "#008674"
},
"accent": {
"$type": "color",
"$value": "#006db7"
},
"highlight": {
"$type": "color",
"$value": "#5952c5"
},
"border": {
"$type": "color",
"$value": "#912781"
},
"focus": {
"$type": "color",
"$value": "#5f0c17"
},
"text": {
"$type": "color",
"$value": "#110903"
}
}
}About this palette
True Warm Blue Ledger is a 10-color OKLCH-ready palette tagged pink, rainbow, 10 colors. Hex values: #F5EBDE, #DE9C3C, #B15300, #367B00, #008674, #006DB7, #5952C5, #912781, #5F0C17, #110903. APCA contrast score Lc 9.2. 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 True Warm Blue Ledger by OKLab color distance.