Hazy Navy color palette — #FDEFE7 · #C37661 · #347443 · #342F8D · #3A0C01

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

The five colors

• Cream (#FDEFE7): bright and airy, almost weightless.
• Caramel (#C37661): A luminous, balanced orange — the color of autumn markets.
• Olive (#347443): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#342F8D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#3A0C01): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Patina Dune color palette (#FCEEEC, #BA768C, #5D6D0F, #00456A, #330D28)
• Aubergine Field color palette (#F8F0E9, #BD926A, #1E827A, #643573, #3A2001)
• Timeworn Balcony color palette (#FEF1F8, #DE8E67, #00957F, #6D4C8C, #3E3051)
• Feathered Alley color palette (#FDF0D8, #9D7F00, #00667C, #680047, #2A0F00)
• Weathered Cypress color palette (#F8F6E8, #839143, #007653, #00525D, #1F385B)
• Aged Villa color palette (#E8E0CB, #766D00, #004E65, #4E001F, #0D0B00)
• Chalky Olive color palette (#E5E2C7, #657D00, #00517B, #002F4B, #240005)
• Dusty Bronze color palette (#F5EBD9, #887324, #32312B, #1E1400, #0B0502)

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