Dusty Cerulean color palette — #F9EEF5 · #8CD7D2 · #008B9F · #235C3A · #002338

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9EEF5): a clean, paper-quiet neutral.
• Lagoon (#8CD7D2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008B9F): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#235C3A): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002338): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Tempered Cobalt Parlor color palette (#FCEDF4, #93D1F2, #447EC2, #005B5C, #191D3D)
• Muted Forest color palette (#FEF2EF, #B1CFAE, #2F849B, #2B612B, #1A3D5C)
• Washed Cypress Meadow color palette (#FBF4E9, #C2DDC0, #49A5B0, #117F5E, #004252)
• Ash Thicket color palette (#E8F3FF, #DED6FF, #CD9AC5, #267080, #19253B)
• Weathered Lagoon color palette (#F7E7F2, #008A8C, #004352, #002112, #000103)
• Wandering Cerulean color palette (#E9DBE3, #2E97B8, #004D7C, #002C29, #01001E)
• Pale Drift color palette (#D8E2EE, #2A7ADF, #986000, #6D5900, #041429)
• Petrol Coast color palette (#C7EDF6, #00A5D4, #0066B3, #27427E, #1F1C46)

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