Charred Coast color palette — #E7E3C8 · #336B40 · #003329 · #2C0026 · #050700
A conversation between Pine and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E7E3C8): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#336B40): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003329): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#2C0026): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Charred Coast 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
- Eclipse Meadow color palette (#F2E6D7, #695E00, #1F3100, #150C3B, #070600)
- Moonless Forest Workshop color palette (#CFE6E2, #046A33, #00331F, #210F00, #000201)
- Pine Canyon color palette (#F2F0DF, #20803D, #004236, #440710, #001504)
- Timeworn Pine Garden color palette (#F5DCBF, #949950, #188245, #5F0B00, #130E00)
- Softworn Ridge color palette (#F7EADC, #744400, #001CB2, #311A00, #000122)
- Worn Fern color palette (#F1E2CF, #928F4E, #396200, #552E4C, #31280C)
- Airy Orchard color palette (#CDEEE6, #4C9C63, #007358, #6E2F4E, #000902)
- Navy Meadow color palette (#F2E3D1, #593700, #00365A, #19006F, #030100)
Browse the whole catalog at Explore, or see today's palette.