Palette · 10 colors · Lc 8.3
Airy Beer Grove palette
Airy Beer Grove: a 10-color palette (Trending, Green, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #140B00, #331700, #552100, #783C00, #A15700, #C96400, #DF8F00, #F9AC29, #FED690, #FFE9C8, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#140B00
surface
#331700
muted
#552100
primary
#783C00
secondary
#A15700
accent
#C96400
highlight
#DF8F00
border
#F9AC29
focus
#FED690
text
#FFE9C8
Colors in Airy Beer Grove: HEX, RGB, HSL & OKLCH
- #140B00 color page →
bg
#140B00
- RGB
- rgb(20 11 0)
- HSL
- hsl(33 100% 4%)
- OKLCH
- oklch(0.158 0.033 80.4)
WCAG contrast: on white 19.48:1 (AAA) · on black 1.07:1 (Fail)
- #331700 color page →
surface
#331700
- RGB
- rgb(51 23 0)
- HSL
- hsl(27 100% 10%)
- OKLCH
- oklch(0.241 0.058 57.9)
WCAG contrast: on white 16.62:1 (AAA) · on black 1.26:1 (Fail)
- #552100 color page →
muted
#552100
- RGB
- rgb(85 33 0)
- HSL
- hsl(23 100% 17%)
- OKLCH
- oklch(0.32 0.088 47.4)
WCAG contrast: on white 13.09:1 (AAA) · on black 1.60:1 (Fail)
- #783C00 color page →
primary
#783C00
- RGB
- rgb(120 60 0)
- HSL
- hsl(30 100% 24%)
- OKLCH
- oklch(0.425 0.104 55.8)
WCAG contrast: on white 8.58:1 (AAA) · on black 2.44:1 (Fail)
- #A15700 color page →
secondary
#A15700
- RGB
- rgb(161 87 0)
- HSL
- hsl(32 100% 32%)
- OKLCH
- oklch(0.534 0.127 58.9)
WCAG contrast: on white 5.41:1 (AA) · on black 3.87:1 (Fail)
- #C96400 color page →
accent
#C96400
- RGB
- rgb(201 100 0)
- HSL
- hsl(30 100% 39%)
- OKLCH
- oklch(0.613 0.155 53.3)
WCAG contrast: on white 3.95:1 (Fail) · on black 5.30:1 (AA)
- #DF8F00 color page →
highlight
#DF8F00
- RGB
- rgb(223 143 0)
- HSL
- hsl(38 100% 44%)
- OKLCH
- oklch(0.715 0.155 70.3)
WCAG contrast: on white 2.60:1 (Fail) · on black 8.06:1 (AAA)
- #F9AC29 color page →
border
#F9AC29
- RGB
- rgb(249 172 41)
- HSL
- hsl(38 95% 57%)
- OKLCH
- oklch(0.799 0.159 74.3)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.96:1 (AAA)
- #FED690 color page →
focus
#FED690
- RGB
- rgb(254 214 144)
- HSL
- hsl(38 98% 78%)
- OKLCH
- oklch(0.895 0.098 80.9)
WCAG contrast: on white 1.37:1 (Fail) · on black 15.23:1 (AAA)
- #FFE9C8 color page →
text
#FFE9C8
- RGB
- rgb(255 233 200)
- HSL
- hsl(36 100% 89%)
- OKLCH
- oklch(0.943 0.049 78)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.74:1 (AAA)
Export Airy Beer Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #140b00;
--surface: #331700;
--muted: #552100;
--primary: #783c00;
--secondary: #a15700;
--accent: #c96400;
--highlight: #df8f00;
--border: #f9ac29;
--focus: #fed690;
--text: #ffe9c8;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #140b00;
--color-surface: #331700;
--color-muted: #552100;
--color-primary: #783c00;
--color-secondary: #a15700;
--color-accent: #c96400;
--color-highlight: #df8f00;
--color-border: #f9ac29;
--color-focus: #fed690;
--color-text: #ffe9c8;
}JSON (DTCG tokens)
{
"airy-beer-grove-4kp": {
"bg": {
"$type": "color",
"$value": "#140b00"
},
"surface": {
"$type": "color",
"$value": "#331700"
},
"muted": {
"$type": "color",
"$value": "#552100"
},
"primary": {
"$type": "color",
"$value": "#783c00"
},
"secondary": {
"$type": "color",
"$value": "#a15700"
},
"accent": {
"$type": "color",
"$value": "#c96400"
},
"highlight": {
"$type": "color",
"$value": "#df8f00"
},
"border": {
"$type": "color",
"$value": "#f9ac29"
},
"focus": {
"$type": "color",
"$value": "#fed690"
},
"text": {
"$type": "color",
"$value": "#ffe9c8"
}
}
}About this palette
Airy Beer Grove is a 10-color OKLCH-ready palette tagged trending, green, warm, 10 colors. Hex values: #140B00, #331700, #552100, #783C00, #A15700, #C96400, #DF8F00, #F9AC29, #FED690, #FFE9C8. APCA contrast score Lc 8.3. 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 Airy Beer Grove by OKLab color distance.