Hazy Navy Coast color palette — #F6F3FF · #A277A3 · #796000 · #134784 · #4C284E

Navy and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Dusty Rose (#A277A3): A luminous, balanced pink — the color of a candy shop window.
• Olive (#796000): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#134784): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#4C284E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

Use it as a design system

One click turns Hazy Navy Coast 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

• Misty Aubergine Alley color palette (#FEF1FA, #BB7262, #6A6700, #493390, #58281E)
• Worn Loft color palette (#F3F4FF, #9779B6, #914C4C, #005450, #432A5B)
• Pine Station color palette (#F7F3FF, #AF70A3, #16754B, #00525A, #0E364C)
• Aged Pine Dune color palette (#F9F3F9, #C7E1E9, #5394AD, #2C733D, #2E4969)
• Chalky Ember Lagoon color palette (#FFEEE6, #D26B5B, #656A00, #004B4C, #191A3B)
• Tempered Coral Alley color palette (#FDF1FA, #E68677, #808729, #006B6D, #31335C)
• Aubergine Dune color palette (#FBF2FA, #B87372, #00717B, #642F6C, #4B2850)
• Patina Archive color palette (#EDECFF, #B8A8BB, #75907A, #5D6484, #544962)

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