Hazy Navy color palette — #FCECF9 · #B05A4F · #006533 · #2D2D7C · #4C0E37
Built around Navy, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Blush (#FCECF9): A whisper-light, dusty pink — the color of a candy shop window.
- Brick (#B05A4F): A full-bodied, balanced orange — the color of sun-warmed clay.
- Pine (#006533): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2D2D7C): A deep, shadowed, balanced violet — the color of wild irises.
- Mulberry (#4C0E37): A deep, shadowed, balanced pink — the color of neon signs at night.
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
- Faded Loft color palette (#FFECF2, #A56700, #00615D, #501C6D, #500B2B)
- Washed Market color palette (#FCECFD, #BE495D, #1E641F, #004154, #1B2247)
- Hushed Onyx color palette (#EEDCE4, #884100, #004133, #240057, #230024)
- Pewter Ridge color palette (#FFDBEE, #AD9A6F, #5F7D58, #545375, #4A3951)
- Worn Cobalt Villa color palette (#FCF2F6, #AAC9E2, #5079B4, #005F63, #34375A)
- Pale Onyx color palette (#EFEFDE, #648942, #006356, #003A4B, #090444)
- Cypress Coast color palette (#E7F6F1, #89A055, #00856A, #00596E, #19265A)
- Olive Ridge color palette (#CAE9E3, #377B13, #1F3D94, #5C0106, #2C1300)
Browse the whole catalog at Explore, or see today's palette.