Hazy Navy color palette — #FFF2ED · #74C7CC · #00789E · #005A2C · #002F6D

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#74C7CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#00789E): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005A2C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#002F6D): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Forest Workshop color palette (#FEF2EE, #95D2D3, #0084A9, #00642A, #49304B)
• Worn Sapphire Grove color palette (#FFF2E9, #72C3E7, #0068DA, #00574C, #302668)
• Aqua Terrace color palette (#E5F8E8, #58CFD8, #007F97, #005346, #001D2B)
• Antique Quarry color palette (#FAECE6, #5CADB8, #005E86, #004027, #071A4B)
• Dusty Glacier color palette (#FFF4E2, #4AE2ED, #009CB9, #007462, #00384E)
• Aged Cabin color palette (#FBF3EF, #BFE7D0, #528FC8, #00735C, #563F4F)
• Worn Sky color palette (#FFF0FB, #8FEBF2, #00BCE9, #009C71, #003659)
• Ancient Crimson Pier color palette (#FFDCD0, #F1184B, #007E93, #950028, #00343E)

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