Hazy Navy color palette — #F4F7E9 · #5E986B · #43629C · #2F4188 · #5B2700

Built around Indigo, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Fern (#5E986B): A luminous, balanced teal — the color of sea glass.
• Peacock (#43629C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Indigo (#2F4188): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#5B2700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Denim Station color palette (#F5F7E8, #649861, #555BA1, #723400, #4E3100)
• Nightshade Harbor color palette (#EFF4E4, #258C53, #464899, #642300, #0B3504)
• Frosted Quarry color palette (#F4F7E9, #66BB76, #009296, #2D6190, #40380A)
• Hazy Navy color palette (#FEF3ED, #B77564, #3A7244, #383F87, #5A2619)
• Feathered Navy Garden color palette (#E3F6F7, #43A17F, #007182, #193F78, #26133A)
• Garnet Alley color palette (#D3E7D9, #007684, #004A77, #5C0010, #002714)
• Driftwood Station color palette (#FEF4DE, #BDB59B, #7D8B46, #775376, #6B4339)
• Ancient Mulberry Ridge color palette (#F2F8EB, #71A58E, #307B90, #843351, #444600)

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