Palette · 5 colors · Lc 9
True Ginger Beacon palette
True Ginger Beacon: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFEDDD, #A66200, #007283, #5A61AB, #1C0E02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEDDD
surface
#A66200
primary
#007283
accent
#5A61AB
text
#1C0E02
Colors in True Ginger Beacon: HEX, RGB, HSL & OKLCH
- #FFEDDD color page →
bg
#FFEDDD
- RGB
- rgb(255 237 221)
- HSL
- hsl(28 100% 93%)
- OKLCH
- oklch(0.956 0.029 64.1)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.40:1 (AAA)
- #A66200 color page →
surface
#A66200
- RGB
- rgb(166 98 0)
- HSL
- hsl(35 100% 33%)
- OKLCH
- oklch(0.56 0.126 64.7)
WCAG contrast: on white 4.80:1 (AA) · on black 4.36:1 (Fail)
- #007283 color page →
primary
#007283
- RGB
- rgb(0 114 131)
- HSL
- hsl(188 100% 26%)
- OKLCH
- oklch(0.507 0.089 212.6)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #5A61AB color page →
accent
#5A61AB
- RGB
- rgb(90 97 171)
- HSL
- hsl(235 33% 51%)
- OKLCH
- oklch(0.522 0.116 277.5)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #1C0E02 color page →
text
#1C0E02
- RGB
- rgb(28 14 2)
- HSL
- hsl(28 87% 6%)
- OKLCH
- oklch(0.18 0.035 64.9)
WCAG contrast: on white 18.86:1 (AAA) · on black 1.11:1 (Fail)
Export True Ginger Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeddd;
--surface: #a66200;
--primary: #007283;
--accent: #5a61ab;
--text: #1c0e02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeddd;
--color-surface: #a66200;
--color-primary: #007283;
--color-accent: #5a61ab;
--color-text: #1c0e02;
}JSON (DTCG tokens)
{
"true-ginger-beacon-ug": {
"bg": {
"$type": "color",
"$value": "#ffeddd"
},
"surface": {
"$type": "color",
"$value": "#a66200"
},
"primary": {
"$type": "color",
"$value": "#007283"
},
"accent": {
"$type": "color",
"$value": "#5a61ab"
},
"text": {
"$type": "color",
"$value": "#1c0e02"
}
}
}About this palette
True Ginger Beacon is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #FFEDDD, #A66200, #007283, #5A61AB, #1C0E02. APCA contrast score Lc 9. 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 True Ginger Beacon by OKLab color distance.