Dusty Cerulean color palette — #FDF1FB · #74DDEA · #0098D1 · #007749 · #142F66

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

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Ice Blue (#74DDEA): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0098D1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007749): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#142F66): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Cornflower Hollow color palette (#FFF1F7, #84D7FF, #3B87FF, #007368, #322664)
• Azure Dune color palette (#FFF2EC, #C5F9FF, #00A9D8, #007559, #002645)
• Pale Cobalt Harbor color palette (#F0E6ED, #79BECA, #007DB4, #005C3D, #0B194B)
• Dusty Turquoise color palette (#E1FCF7, #84EDF7, #00BFDA, #009892, #003947)
• Muted Periwinkle Harbor color palette (#FAF3F7, #D1DFFA, #73A9E2, #2A8D76, #3D475F)
• Linen Ultramarine color palette (#F0E3E9, #69ABCD, #1B5DD0, #004B44, #17003F)
• Quiet Magenta Delta color palette (#F3D9F6, #D620F0, #009678, #00767E, #380E3F)
• Washed Grape Studio color palette (#E5E0FF, #EB7AFF, #00A666, #8E00A2, #00381F)

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