Eclipse Onyx color palette — #D4F3F0 · #006F82 · #003D5E · #100054 · #020009
A conversation between Deep Indigo and Teal, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D4F3F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#100054): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#020009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.
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
- Twilit Cypress color palette (#DAEBE0, #007A6F, #00414E, #001829, #000012)
- Ancient Terrace color palette (#D2EBF7, #0075AF, #003D71, #001156, #050039)
- Navy Courtyard color palette (#CFEED8, #006168, #002574, #1B1300, #000203)
- Timeworn Azure color palette (#D5E9F3, #0397E1, #005093, #001B56, #00000B)
- Eclipse Nightshade color palette (#D4E8EB, #006892, #0018AB, #1C0048, #030005)
- Hushed Nightshade Drift color palette (#DEF3F2, #0090AC, #005893, #250091, #15002D)
- Abyss Boulevard color palette (#DFE9ED, #95A2AD, #6F7C95, #003E48, #000509)
- Eclipse Aubergine color palette (#CDE6FA, #3E5CBB, #3E0090, #270032, #060002)
Browse the whole catalog at Explore, or see today's palette.