Palette · 7 colors · Lc 8.7
True Copious Caramel Canvas palette
True Copious Caramel Canvas: a 7-color palette (Green, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F3EDE1, #E1B882, #CF8409, #A46800, #5F6300, #433B00, #1C0F00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EDE1
surface
#E1B882
muted
#CF8409
primary
#A46800
secondary
#5F6300
accent
#433B00
text
#1C0F00
Colors in True Copious Caramel Canvas: HEX, RGB, HSL & OKLCH
- #F3EDE1 color page →
bg
#F3EDE1
- RGB
- rgb(243 237 225)
- HSL
- hsl(40 43% 92%)
- OKLCH
- oklch(0.948 0.017 84.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.01:1 (AAA)
- #E1B882 color page →
surface
#E1B882
- RGB
- rgb(225 184 130)
- HSL
- hsl(34 61% 70%)
- OKLCH
- oklch(0.807 0.085 73.8)
WCAG contrast: on white 1.84:1 (Fail) · on black 11.38:1 (AAA)
- #CF8409 color page →
muted
#CF8409
- RGB
- rgb(207 132 9)
- HSL
- hsl(37 92% 42%)
- OKLCH
- oklch(0.676 0.145 69.5)
WCAG contrast: on white 3.01:1 (Fail) · on black 6.95:1 (AA)
- #A46800 color page →
primary
#A46800
- RGB
- rgb(164 104 0)
- HSL
- hsl(38 100% 32%)
- OKLCH
- oklch(0.569 0.123 70.3)
WCAG contrast: on white 4.60:1 (AA) · on black 4.55:1 (AA)
- #5F6300 color page →
secondary
#5F6300
- RGB
- rgb(95 99 0)
- HSL
- hsl(62 100% 19%)
- OKLCH
- oklch(0.48 0.107 112.5)
WCAG contrast: on white 6.41:1 (AA) · on black 3.27:1 (Fail)
- #433B00 color page →
accent
#433B00
- RGB
- rgb(67 59 0)
- HSL
- hsl(53 100% 13%)
- OKLCH
- oklch(0.35 0.073 100.8)
WCAG contrast: on white 11.26:1 (AAA) · on black 1.86:1 (Fail)
- #1C0F00 color page →
text
#1C0F00
- RGB
- rgb(28 15 0)
- HSL
- hsl(32 100% 5%)
- OKLCH
- oklch(0.182 0.039 74.2)
WCAG contrast: on white 18.78:1 (AAA) · on black 1.11:1 (Fail)
Export True Copious Caramel Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ede1;
--surface: #e1b882;
--muted: #cf8409;
--primary: #a46800;
--secondary: #5f6300;
--accent: #433b00;
--text: #1c0f00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ede1;
--color-surface: #e1b882;
--color-muted: #cf8409;
--color-primary: #a46800;
--color-secondary: #5f6300;
--color-accent: #433b00;
--color-text: #1c0f00;
}JSON (DTCG tokens)
{
"true-copious-caramel-canvas-b0": {
"bg": {
"$type": "color",
"$value": "#f3ede1"
},
"surface": {
"$type": "color",
"$value": "#e1b882"
},
"muted": {
"$type": "color",
"$value": "#cf8409"
},
"primary": {
"$type": "color",
"$value": "#a46800"
},
"secondary": {
"$type": "color",
"$value": "#5f6300"
},
"accent": {
"$type": "color",
"$value": "#433b00"
},
"text": {
"$type": "color",
"$value": "#1c0f00"
}
}
}About this palette
True Copious Caramel Canvas is a 7-color OKLCH-ready palette tagged green, warm, 7 colors. Hex values: #F3EDE1, #E1B882, #CF8409, #A46800, #5F6300, #433B00, #1C0F00. APCA contrast score Lc 8.7. 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 Copious Caramel Canvas by OKLab color distance.