Weathered Cerulean color palette — #FFF0FA · #AFF4F5 · #17A2C0 · #006E46 · #002135

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Sea Foam (#AFF4F5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#17A2C0): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E46): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002135): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Dusty Studio color palette (#FEF1F8, #D4E0FE, #5D96CF, #006A67, #111944)
• Dusty Studio color palette (#EFEFE5, #A4E0DF, #00BAC7, #009282, #00343D)
• Petrol Ridge color palette (#DFEDE9, #83C0C0, #007A83, #004C44, #001A1F)
• Cobalt Alley color palette (#FFF0FA, #9ED6E7, #1382BE, #005249, #00072F)
• Tempered Loft color palette (#E8DBE4, #6FADBA, #005C80, #002C23, #000105)
• Ancient Boulevard color palette (#FFF0F8, #D4D5E3, #58B6FF, #00897F, #1C306A)
• Pale Olive color palette (#F5F3FF, #D57CDE, #378600, #00756C, #19011D)
• Olive Lantern color palette (#DBFFED, #A5BC8B, #7D7A2E, #5D4000, #001715)

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