Eclipse Harbor color palette — #D0F1E2 · #007098 · #2F00AA · #27002D · #040001
Indigo and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D0F1E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#007098): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#2F00AA): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#27002D): A deep, shadowed, balanced pink — the color of peonies in June.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Eclipse Harbor 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
- Velvet Aubergine Grove color palette (#F4DEF5, #0064C6, #51008A, #2D001B, #040000)
- Nocturne Onyx color palette (#D7E7D5, #007772, #004061, #180043, #000200)
- Midnight Aubergine color palette (#D7F6FF, #005457, #34006B, #250200, #010200)
- Moonless Ultramarine color palette (#F7E5F3, #2942BE, #450058, #170005, #000102)
- Patina Azure color palette (#C4E9FB, #4B9FDA, #43619D, #421A45, #1D0012)
- Hushed Cerulean color palette (#C5ECFE, #0093C8, #00527B, #002745, #00030C)
- Hushed Coast color palette (#EBF0E2, #7CBEF4, #0067BD, #003B50, #00020E)
- Abyss Quarry color palette (#CFE9D8, #55505B, #005766, #0E191C, #00070B)
Browse the whole catalog at Explore, or see today's palette.