Palette · 8 colors · Lc 8.6
Meteor Grove palette
Meteor Grove: a 8-color palette (Yellow, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #0D0602, #3C1B00, #663100, #874900, #C0732F, #D19460, #F7C9A1, #FAE7D5, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Monochromatic
- 8 Colors
bg
#0D0602
surface
#3C1B00
muted
#663100
primary
#874900
secondary
#C0732F
accent
#D19460
highlight
#F7C9A1
text
#FAE7D5
Colors in Meteor Grove: HEX, RGB, HSL & OKLCH
- #0D0602 color page →
bg
#0D0602
- RGB
- rgb(13 6 2)
- HSL
- hsl(22 73% 3%)
- OKLCH
- oklch(0.131 0.02 62.8)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
- #3C1B00 color page →
surface
#3C1B00
- RGB
- rgb(60 27 0)
- HSL
- hsl(27 100% 12%)
- OKLCH
- oklch(0.265 0.065 56)
WCAG contrast: on white 15.56:1 (AAA) · on black 1.34:1 (Fail)
- #663100 color page →
muted
#663100
- RGB
- rgb(102 49 0)
- HSL
- hsl(29 100% 20%)
- OKLCH
- oklch(0.377 0.094 54.7)
WCAG contrast: on white 10.47:1 (AAA) · on black 2.00:1 (Fail)
- #874900 color page →
primary
#874900
- RGB
- rgb(135 73 0)
- HSL
- hsl(32 100% 26%)
- OKLCH
- oklch(0.471 0.111 59.7)
WCAG contrast: on white 7.03:1 (AAA) · on black 2.98:1 (Fail)
- #C0732F color page →
secondary
#C0732F
- RGB
- rgb(192 115 47)
- HSL
- hsl(28 61% 47%)
- OKLCH
- oklch(0.628 0.126 58.3)
WCAG contrast: on white 3.66:1 (Fail) · on black 5.73:1 (AA)
- #D19460 color page →
accent
#D19460
- RGB
- rgb(209 148 96)
- HSL
- hsl(28 55% 60%)
- OKLCH
- oklch(0.715 0.1 60.6)
WCAG contrast: on white 2.58:1 (Fail) · on black 8.11:1 (AAA)
- #F7C9A1 color page →
highlight
#F7C9A1
- RGB
- rgb(247 201 161)
- HSL
- hsl(28 84% 80%)
- OKLCH
- oklch(0.866 0.074 62.6)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.82:1 (AAA)
- #FAE7D5 color page →
text
#FAE7D5
- RGB
- rgb(250 231 213)
- HSL
- hsl(29 79% 91%)
- OKLCH
- oklch(0.938 0.032 65.9)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.45:1 (AAA)
Export Meteor Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0602;
--surface: #3c1b00;
--muted: #663100;
--primary: #874900;
--secondary: #c0732f;
--accent: #d19460;
--highlight: #f7c9a1;
--text: #fae7d5;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0602;
--color-surface: #3c1b00;
--color-muted: #663100;
--color-primary: #874900;
--color-secondary: #c0732f;
--color-accent: #d19460;
--color-highlight: #f7c9a1;
--color-text: #fae7d5;
}JSON (DTCG tokens)
{
"meteor-grove-ap": {
"bg": {
"$type": "color",
"$value": "#0d0602"
},
"surface": {
"$type": "color",
"$value": "#3c1b00"
},
"muted": {
"$type": "color",
"$value": "#663100"
},
"primary": {
"$type": "color",
"$value": "#874900"
},
"secondary": {
"$type": "color",
"$value": "#c0732f"
},
"accent": {
"$type": "color",
"$value": "#d19460"
},
"highlight": {
"$type": "color",
"$value": "#f7c9a1"
},
"text": {
"$type": "color",
"$value": "#fae7d5"
}
}
}About this palette
Meteor Grove is a 8-color OKLCH-ready palette tagged yellow, warm, monochromatic, 8 colors. Hex values: #0D0602, #3C1B00, #663100, #874900, #C0732F, #D19460, #F7C9A1, #FAE7D5. APCA contrast score Lc 8.6. 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 Meteor Grove by OKLab color distance.