Eclipse Basalt color palette — #D4E5EA · #004E4E · #4F2D00 · #002220 · #000202
A conversation between Espresso and Forest, giving this palette its sense of optimism and sophistication.
The five colors
- Frost (#D4E5EA): a clean, paper-quiet neutral.
- Forest (#004E4E): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#4F2D00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000202): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Eclipse Basalt 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
- Deep Veranda color palette (#D2E9FE, #004D7E, #451C00, #00150F, #000201)
- Twilit Garnet color palette (#D6EBF5, #004D58, #68002A, #211D00, #000102)
- Washed Denim color palette (#E2EFFF, #005299, #005041, #00274F, #000208)
- Muted Chestnut Meadow color palette (#DDEDF5, #007988, #765400, #00463F, #000D11)
- Eclipse Nightshade color palette (#DEEBFE, #0023BC, #5C2100, #002319, #00000A)
- Midnight Navy color palette (#DDEBFF, #002F7A, #073402, #021800, #000106)
- Soft Orchard color palette (#FBE1FB, #1A6CCD, #6E2300, #2C2900, #000105)
- Garnet Market color palette (#DAE8F4, #006FA3, #65003E, #002D46, #030005)
Browse the whole catalog at Explore, or see today's palette.