Hazy Navy color palette — #FFF0F8 · #A45D40 · #006F65 · #163D83 · #30233C
Navy and Ochre set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Ochre (#A45D40): A full-bodied, balanced orange — the color of toasted spice.
- Teal (#006F65): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#163D83): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#30233C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, 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
- Patina Navy Summit color palette (#EFF8EF, #9A7C42, #0B7487, #50417F, #3B2C3B)
- Ancient Rust Grove color palette (#FAEEF5, #BC5F36, #007647, #403076, #1E0C17)
- Pale Pine Meadow color palette (#EFF8EF, #B07D34, #15754A, #004C78, #4E274D)
- Tempered Workshop color palette (#FAF1FE, #B6617D, #3B6C1E, #004956, #252640)
- Dusty Aubergine Coast color palette (#E4FCEE, #867500, #005787, #5C007F, #3F180A)
- Washed Navy color palette (#E9FAF4, #5C6B00, #193B9E, #620054, #300E1E)
- Powdered Aubergine Summit color palette (#DFF3DD, #7E4D00, #004E58, #26007E, #320014)
- Tempered Olive Meadow color palette (#EBFAED, #B88E63, #726D18, #005478, #27452C)
Browse the whole catalog at Explore, or see today's palette.