Charred Fern color palette — #E5DFD1 · #635400 · #2E2900 · #111200 · #010100
A conversation between Coffee and Espresso, giving this palette its sense of nature and growth.
The five colors
- Bone (#E5DFD1): bright and airy, almost weightless.
- Coffee (#635400): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#2E2900): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#111200): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Charred Fern into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Cellar Cocoa color palette (#FFE2D7, #763500, #442000, #1F0E00, #020100)
- Cellar Olive color palette (#E5EED8, #4E6E00, #253200, #172226, #050900)
- Twilit Bronze Corridor color palette (#FFECDD, #876000, #4D4600, #0C1200, #000200)
- Pine Meadow color palette (#F4F1DB, #71945F, #14753C, #323100, #010200)
- Forest Lantern color palette (#EBE1CE, #00697E, #006333, #030D0B, #010100)
- Tempered Lagoon color palette (#D7F3E7, #00A184, #007167, #003F3C, #001B1B)
- Dusty Meadow color palette (#F5F2D0, #A8A41A, #697500, #3B4A00, #182800)
- Pine Basin color palette (#C7E9C5, #7CC092, #0E8859, #005B42, #00362A)
Browse the whole catalog at Explore, or see today's palette.