Palette · 8 colors · Lc 8.6
Classic Bullfrog Beacon palette
Classic Bullfrog Beacon: a 8-color palette (Green, Gray, 8 Colors). HEX, RGB, HSL and OKLCH for #E1EDD7, #C3C8B4, #A8A583, #869266, #5A6D53, #385542, #223822, #0F140A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1EDD7
surface
#C3C8B4
muted
#A8A583
primary
#869266
secondary
#5A6D53
accent
#385542
highlight
#223822
text
#0F140A
Colors in Classic Bullfrog Beacon: HEX, RGB, HSL & OKLCH
- #E1EDD7 color page →
bg
#E1EDD7
- RGB
- rgb(225 237 215)
- HSL
- hsl(93 38% 89%)
- OKLCH
- oklch(0.931 0.032 130.6)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.29:1 (AAA)
- #C3C8B4 color page →
surface
#C3C8B4
- RGB
- rgb(195 200 180)
- HSL
- hsl(75 15% 75%)
- OKLCH
- oklch(0.823 0.028 118.4)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.24:1 (AAA)
- #A8A583 color page →
muted
#A8A583
- RGB
- rgb(168 165 131)
- HSL
- hsl(55 18% 59%)
- OKLCH
- oklch(0.715 0.047 103.3)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.37:1 (AAA)
- #869266 color page →
primary
#869266
- RGB
- rgb(134 146 102)
- HSL
- hsl(76 18% 49%)
- OKLCH
- oklch(0.639 0.064 120.6)
WCAG contrast: on white 3.32:1 (Fail) · on black 6.31:1 (AA)
- #5A6D53 color page →
secondary
#5A6D53
- RGB
- rgb(90 109 83)
- HSL
- hsl(104 14% 38%)
- OKLCH
- oklch(0.511 0.046 137.3)
WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)
- #385542 color page →
accent
#385542
- RGB
- rgb(56 85 66)
- HSL
- hsl(141 21% 28%)
- OKLCH
- oklch(0.42 0.047 155.1)
WCAG contrast: on white 8.24:1 (AAA) · on black 2.54:1 (Fail)
- #223822 color page →
highlight
#223822
- RGB
- rgb(34 56 34)
- HSL
- hsl(120 24% 18%)
- OKLCH
- oklch(0.315 0.048 144.3)
WCAG contrast: on white 12.67:1 (AAA) · on black 1.65:1 (Fail)
- #0F140A color page →
text
#0F140A
- RGB
- rgb(15 20 10)
- HSL
- hsl(90 33% 6%)
- OKLCH
- oklch(0.182 0.021 129.9)
WCAG contrast: on white 18.67:1 (AAA) · on black 1.12:1 (Fail)
Export Classic Bullfrog Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1edd7;
--surface: #c3c8b4;
--muted: #a8a583;
--primary: #869266;
--secondary: #5a6d53;
--accent: #385542;
--highlight: #223822;
--text: #0f140a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1edd7;
--color-surface: #c3c8b4;
--color-muted: #a8a583;
--color-primary: #869266;
--color-secondary: #5a6d53;
--color-accent: #385542;
--color-highlight: #223822;
--color-text: #0f140a;
}JSON (DTCG tokens)
{
"classic-bullfrog-beacon-4vd": {
"bg": {
"$type": "color",
"$value": "#e1edd7"
},
"surface": {
"$type": "color",
"$value": "#c3c8b4"
},
"muted": {
"$type": "color",
"$value": "#a8a583"
},
"primary": {
"$type": "color",
"$value": "#869266"
},
"secondary": {
"$type": "color",
"$value": "#5a6d53"
},
"accent": {
"$type": "color",
"$value": "#385542"
},
"highlight": {
"$type": "color",
"$value": "#223822"
},
"text": {
"$type": "color",
"$value": "#0f140a"
}
}
}About this palette
Classic Bullfrog Beacon is a 8-color OKLCH-ready palette tagged green, gray, 8 colors. Hex values: #E1EDD7, #C3C8B4, #A8A583, #869266, #5A6D53, #385542, #223822, #0F140A. 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 Classic Bullfrog Beacon by OKLab color distance.