Eclipse Onyx color palette — #D4E7E7 · #00687D · #00344C · #001A36 · #060034

Ink and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4E7E7): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00687D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00344C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001A36): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#060034): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Depth. Tagged dark, muted, 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

• Softworn Coast color palette (#CDE4EE, #007197, #00486A, #002946, #000713)
• Twilit Cypress color palette (#DDF6EA, #00655C, #003E42, #001721, #020310)
• Denim Villa color palette (#E0F4EE, #00548E, #612E00, #00223E, #0E0300)
• Ancient Mulberry color palette (#CCEEE3, #7F87C1, #914A96, #003941, #020A2B)
• Charred Nightshade color palette (#C9E5F6, #0064A5, #1E00A3, #160045, #150010)
• Hazy Veranda color palette (#BFE8F5, #058DD1, #0057CB, #2800A2, #2F1A54)
• Moonless Navy color palette (#DFE9FF, #143294, #5C1900, #2D2200, #000011)
• Fern Harbor color palette (#F9EED2, #4F6215, #322C00, #1A0E00, #000500)

Browse the whole catalog at Explore, or see today's palette.