Hazy Navy color palette — #E0F8D1 · #73BFC2 · #1283A6 · #0C4AA1 · #39287A
Built around Indigo, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E0F8D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#73BFC2): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#1283A6): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#0C4AA1): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#39287A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Hazy Navy 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
- Ancient Nightshade Villa color palette (#DDFAFF, #81B7D5, #4A77BA, #4A3D9B, #571F73)
- Ancient Navy color palette (#DFFFDE, #76C2AC, #008786, #00596D, #004374)
- Weathered Workshop color palette (#CBFFF4, #6DE5ED, #63BAE4, #6380B8, #3B3377)
- Cobalt Archive color palette (#D1F6FF, #56BADC, #0087BB, #004976, #00214C)
- Aged Azure color palette (#DDF9FF, #7FD1EE, #009EDA, #0B6AA2, #033F79)
- Aubergine Grove color palette (#C6ECEA, #00A6CA, #005BB1, #33009E, #35005D)
- Washed Meadow color palette (#FFF3E7, #3DAAA8, #366DA4, #733F00, #264532)
- Nightshade Corridor color palette (#D8ECF1, #005C9B, #23008E, #180036, #0C000C)
Browse the whole catalog at Explore, or see today's palette.