Palette · 9 colors · Lc 9.2
Pure Dark Orange Bloom palette
Pure Dark Orange Bloom: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FFF3E2, #F2BB97, #E39852, #D77700, #C25100, #8B3A00, #621F00, #391800, #150700, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF3E2
surface
#F2BB97
muted
#E39852
primary
#D77700
secondary
#C25100
accent
#8B3A00
highlight
#621F00
border
#391800
text
#150700
Colors in Pure Dark Orange Bloom: HEX, RGB, HSL & OKLCH
- #FFF3E2 color page →
bg
#FFF3E2
- RGB
- rgb(255 243 226)
- HSL
- hsl(35 100% 94%)
- OKLCH
- oklch(0.969 0.026 76.8)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.17:1 (AAA)
- #F2BB97 color page →
surface
#F2BB97
- RGB
- rgb(242 187 151)
- HSL
- hsl(24 78% 77%)
- OKLCH
- oklch(0.833 0.08 54.5)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.33:1 (AAA)
- #E39852 color page →
muted
#E39852
- RGB
- rgb(227 152 82)
- HSL
- hsl(29 72% 61%)
- OKLCH
- oklch(0.741 0.125 61.9)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.87:1 (AAA)
- #D77700 color page →
primary
#D77700
- RGB
- rgb(215 119 0)
- HSL
- hsl(33 100% 42%)
- OKLCH
- oklch(0.663 0.157 59.3)
WCAG contrast: on white 3.21:1 (Fail) · on black 6.52:1 (AA)
- #C25100 color page →
secondary
#C25100
- RGB
- rgb(194 81 0)
- HSL
- hsl(25 100% 38%)
- OKLCH
- oklch(0.574 0.162 45.7)
WCAG contrast: on white 4.69:1 (AA) · on black 4.47:1 (Fail)
- #8B3A00 color page →
accent
#8B3A00
- RGB
- rgb(139 58 0)
- HSL
- hsl(25 100% 27%)
- OKLCH
- oklch(0.452 0.125 47)
WCAG contrast: on white 7.76:1 (AAA) · on black 2.70:1 (Fail)
- #621F00 color page →
highlight
#621F00
- RGB
- rgb(98 31 0)
- HSL
- hsl(19 100% 19%)
- OKLCH
- oklch(0.34 0.104 41.2)
WCAG contrast: on white 12.24:1 (AAA) · on black 1.71:1 (Fail)
- #391800 color page →
border
#391800
- RGB
- rgb(57 24 0)
- HSL
- hsl(25 100% 11%)
- OKLCH
- oklch(0.253 0.064 53.8)
WCAG contrast: on white 16.09:1 (AAA) · on black 1.30:1 (Fail)
- #150700 color page →
text
#150700
- RGB
- rgb(21 7 0)
- HSL
- hsl(20 100% 4%)
- OKLCH
- oklch(0.149 0.035 60.7)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Dark Orange Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff3e2;
--surface: #f2bb97;
--muted: #e39852;
--primary: #d77700;
--secondary: #c25100;
--accent: #8b3a00;
--highlight: #621f00;
--border: #391800;
--text: #150700;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff3e2;
--color-surface: #f2bb97;
--color-muted: #e39852;
--color-primary: #d77700;
--color-secondary: #c25100;
--color-accent: #8b3a00;
--color-highlight: #621f00;
--color-border: #391800;
--color-text: #150700;
}JSON (DTCG tokens)
{
"pure-dark-orange-bloom-2ct": {
"bg": {
"$type": "color",
"$value": "#fff3e2"
},
"surface": {
"$type": "color",
"$value": "#f2bb97"
},
"muted": {
"$type": "color",
"$value": "#e39852"
},
"primary": {
"$type": "color",
"$value": "#d77700"
},
"secondary": {
"$type": "color",
"$value": "#c25100"
},
"accent": {
"$type": "color",
"$value": "#8b3a00"
},
"highlight": {
"$type": "color",
"$value": "#621f00"
},
"border": {
"$type": "color",
"$value": "#391800"
},
"text": {
"$type": "color",
"$value": "#150700"
}
}
}About this palette
Pure Dark Orange Bloom is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #FFF3E2, #F2BB97, #E39852, #D77700, #C25100, #8B3A00, #621F00, #391800, #150700. 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 Pure Dark Orange Bloom by OKLab color distance.