Dusty Navy color palette — #FFF2ED · #8FD9E2 · #0098D0 · #007747 · #052B75

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#8FD9E2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0098D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007747): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#052B75): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Dusty 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

• Softworn Pine Hollow color palette (#FEF2EF, #C0DEC2, #4DA1C3, #1B8043, #1F3B60)
• Antique Studio color palette (#FFF2E9, #93D5F7, #4B89F0, #007369, #33236A)
• Ancient Cobalt Study color palette (#FAECE7, #7EBDC8, #007DB5, #005C3E, #0C194B)
• Turquoise Basin color palette (#FEF4E4, #63F1FD, #00BEE2, #009A84, #00384F)
• Weathered Courtyard color palette (#EFDED2, #78A9C4, #205DD0, #004B45, #17013D)
• Worn Lagoon color palette (#FBF3F0, #CFE5E2, #8AB7DC, #44987B, #62495C)
• Softworn Studio color palette (#CBEBE3, #00A38C, #A842EF, #B6008E, #002B24)
• Misty Bronze color palette (#D7FFDC, #84F4ED, #89C3FF, #8F8100, #00402B)

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