Hazy Navy color palette — #EAFAF0 · #857830 · #006A41 · #403782 · #1C3225

Indigo and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
• Walnut (#857830): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006A41): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#403782): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Forest (#1C3225): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Aubergine Coast color palette (#E7FAF7, #588C4E, #006A5D, #5F206C, #0C3026)
• Muted Navy Ridge color palette (#FFF1F7, #9C6540, #516500, #213C80, #3B1F2D)
• Soft Courtyard color palette (#FFF0F9, #C3895B, #507634, #623680, #25462E)
• Powdered Bronze color palette (#F9F0E5, #AD6F07, #006671, #3D3780, #1F0D09)
• Dusty Mulberry color palette (#FDF1F8, #B9755B, #277351, #6C2964, #562A18)
• Garnet Thicket color palette (#E4FAFC, #007A64, #005271, #620022, #002122)
• Aubergine Coast color palette (#DCFAF4, #336A00, #004B31, #3E006A, #1B1800)
• Nightshade Garden color palette (#FFF1F5, #BB8439, #008694, #564B96, #332434)

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