Eclipse Navy Harbor color palette — #DCF1F7 · #004C4E · #002A59 · #3C001B · #030900
Midnight and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DCF1F7): A whisper-light, dusty blue — the color of open sky before noon.
- Forest (#004C4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002A59): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#3C001B): A deep, shadowed, balanced red — the color of embers at dusk.
- Ink (#030900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Eclipse Navy 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
- Charred Orchard color palette (#CCE6F4, #003F56, #001F5D, #250005, #010200)
- Cellar Onyx Thicket color palette (#CAEDEE, #005837, #003344, #270038, #0F0600)
- Aubergine Quarry color palette (#DBF1FC, #005563, #3A0074, #2F1300, #000905)
- Weathered Thicket color palette (#F0DAD5, #007858, #004457, #4B000C, #001B19)
- Linen Aubergine color palette (#D4EAEF, #00665D, #5A0560, #40001B, #191000)
- Shadow Aubergine color palette (#F8EEDD, #564100, #4C0051, #3B0015, #030100)
- Washed Abyss Study color palette (#E6F2F2, #A7BDC4, #7892A2, #00523B, #032526)
- Linen Meadow color palette (#EDF6FF, #066BA9, #80123E, #343800, #031E2F)
Browse the whole catalog at Explore, or see today's palette.