Palette · 3 colors · Lc 8.5
Alligator System palette
Alligator System: a 3-color palette (Green, Warm, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #F9ECCF, #926800, #0F0600, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Warm
- Monochromatic
- 3 Colors
bg
#F9ECCF
accent
#926800
text
#0F0600
Colors in Alligator System: HEX, RGB, HSL & OKLCH
- #F9ECCF color page →
bg
#F9ECCF
- RGB
- rgb(249 236 207)
- HSL
- hsl(41 78% 89%)
- OKLCH
- oklch(0.946 0.041 86.7)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.92:1 (AAA)
- #926800 color page →
accent
#926800
- RGB
- rgb(146 104 0)
- HSL
- hsl(43 100% 29%)
- OKLCH
- oklch(0.546 0.113 80.7)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #0F0600 color page →
text
#0F0600
- RGB
- rgb(15 6 0)
- HSL
- hsl(24 100% 3%)
- OKLCH
- oklch(0.134 0.029 71.2)
WCAG contrast: on white 20.06:1 (AAA) · on black 1.04:1 (Fail)
Export Alligator System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9eccf;
--accent: #926800;
--text: #0f0600;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9eccf;
--color-accent: #926800;
--color-text: #0f0600;
}JSON (DTCG tokens)
{
"alligator-system-ho": {
"bg": {
"$type": "color",
"$value": "#f9eccf"
},
"accent": {
"$type": "color",
"$value": "#926800"
},
"text": {
"$type": "color",
"$value": "#0f0600"
}
}
}About this palette
Alligator System is a 3-color OKLCH-ready palette tagged green, warm, monochromatic, 3 colors. Hex values: #F9ECCF, #926800, #0F0600. APCA contrast score Lc 8.5. 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 Alligator System by OKLab color distance.