Eclipse Onyx color palette — #C7E9D8 · #4B4600 · #00356B · #31003B · #050500
Built around Deep Indigo, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#C7E9D8): A whisper-light, dusty teal — the color of shallow lagoons.
- Deep Olive (#4B4600): A deep, shadowed, balanced green — the color of new leaves after rain.
- Navy (#00356B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#31003B): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#050500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark, muted.
Use it as a design system
One click turns Eclipse Onyx 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 Onyx color palette (#D8ECD6, #5E3C00, #003C50, #17005A, #090300)
- Charred Drift color palette (#C2EEE9, #005A1C, #002D49, #29001F, #0D0600)
- Cellar Meadow color palette (#D1F5DF, #4F4300, #47087D, #27004A, #020100)
- Charred Grove color palette (#DCF5F0, #164300, #280078, #280018, #000200)
- Weathered Aubergine color palette (#E9E2CE, #6D6200, #5A35A7, #3E0B83, #060500)
- Pine Archive color palette (#E5EFD7, #0F861C, #00442F, #001F1A, #000911)
- Olive Studio color palette (#E0F3EA, #6A6E00, #003D2F, #282900, #000203)
- Muted Aubergine color palette (#D0E6EA, #005F55, #6F0072, #530202, #001014)
Browse the whole catalog at Explore, or see today's palette.