Palette · 9 colors · Lc 8.4
Monument Valley Bloom palette
Monument Valley Bloom: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F1DFD7, #EFC8BD, #E3A599, #D18064, #B15532, #945221, #703F11, #4D2914, #250801, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1DFD7
surface
#EFC8BD
muted
#E3A599
primary
#D18064
secondary
#B15532
accent
#945221
highlight
#703F11
border
#4D2914
text
#250801
Colors in Monument Valley Bloom: HEX, RGB, HSL & OKLCH
- #F1DFD7 color page →
bg
#F1DFD7
- RGB
- rgb(241 223 215)
- HSL
- hsl(18 48% 89%)
- OKLCH
- oklch(0.916 0.023 45.6)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.27:1 (AAA)
- #EFC8BD color page →
surface
#EFC8BD
- RGB
- rgb(239 200 189)
- HSL
- hsl(13 61% 84%)
- OKLCH
- oklch(0.863 0.047 36.3)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.66:1 (AAA)
- #E3A599 color page →
muted
#E3A599
- RGB
- rgb(227 165 153)
- HSL
- hsl(10 57% 75%)
- OKLCH
- oklch(0.777 0.076 31.2)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.10:1 (AAA)
- #D18064 color page →
primary
#D18064
- RGB
- rgb(209 128 100)
- HSL
- hsl(15 54% 61%)
- OKLCH
- oklch(0.679 0.109 39.8)
WCAG contrast: on white 3.00:1 (Fail) · on black 6.98:1 (AA)
- #B15532 color page →
secondary
#B15532
- RGB
- rgb(177 85 50)
- HSL
- hsl(17 56% 45%)
- OKLCH
- oklch(0.557 0.13 40.7)
WCAG contrast: on white 4.98:1 (AA) · on black 4.21:1 (Fail)
- #945221 color page →
accent
#945221
- RGB
- rgb(148 82 33)
- HSL
- hsl(26 64% 35%)
- OKLCH
- oklch(0.508 0.108 53.7)
WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)
- #703F11 color page →
highlight
#703F11
- RGB
- rgb(112 63 17)
- HSL
- hsl(29 74% 25%)
- OKLCH
- oklch(0.419 0.089 58.7)
WCAG contrast: on white 8.72:1 (AAA) · on black 2.40:1 (Fail)
- #4D2914 color page →
border
#4D2914
- RGB
- rgb(77 41 20)
- HSL
- hsl(22 59% 19%)
- OKLCH
- oklch(0.323 0.063 49.4)
WCAG contrast: on white 12.78:1 (AAA) · on black 1.64:1 (Fail)
- #250801 color page →
text
#250801
- RGB
- rgb(37 8 1)
- HSL
- hsl(12 95% 7%)
- OKLCH
- oklch(0.184 0.053 40.5)
WCAG contrast: on white 18.85:1 (AAA) · on black 1.11:1 (Fail)
Export Monument Valley Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1dfd7;
--surface: #efc8bd;
--muted: #e3a599;
--primary: #d18064;
--secondary: #b15532;
--accent: #945221;
--highlight: #703f11;
--border: #4d2914;
--text: #250801;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1dfd7;
--color-surface: #efc8bd;
--color-muted: #e3a599;
--color-primary: #d18064;
--color-secondary: #b15532;
--color-accent: #945221;
--color-highlight: #703f11;
--color-border: #4d2914;
--color-text: #250801;
}JSON (DTCG tokens)
{
"monument-valley-bloom-7h0": {
"bg": {
"$type": "color",
"$value": "#f1dfd7"
},
"surface": {
"$type": "color",
"$value": "#efc8bd"
},
"muted": {
"$type": "color",
"$value": "#e3a599"
},
"primary": {
"$type": "color",
"$value": "#d18064"
},
"secondary": {
"$type": "color",
"$value": "#b15532"
},
"accent": {
"$type": "color",
"$value": "#945221"
},
"highlight": {
"$type": "color",
"$value": "#703f11"
},
"border": {
"$type": "color",
"$value": "#4d2914"
},
"text": {
"$type": "color",
"$value": "#250801"
}
}
}About this palette
Monument Valley Bloom is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #F1DFD7, #EFC8BD, #E3A599, #D18064, #B15532, #945221, #703F11, #4D2914, #250801. APCA contrast score Lc 8.4. 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 Monument Valley Bloom by OKLab color distance.