Worn Cerulean color palette — #F0F7F2 · #D6DCF4 · #87A7D2 · #3A8698 · #3A4861

Cerulean and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#D6DCF4): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#87A7D2): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#3A8698): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3A4861): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Ancient Cerulean color palette (#EEF6FF, #DED9E3, #D6BEE3, #5F9CBA, #404C60)
• Petrol Station color palette (#DEE8DF, #78BECA, #0081A2, #005A52, #002236)
• Timeworn Turquoise Workshop color palette (#EEF8F0, #B8DBE6, #43A4B8, #237C67, #0B4054)
• Azure Hollow color palette (#BFF2FF, #68C9F1, #309CD2, #3969A0, #344265)
• Denim Courtyard color palette (#DCE8DE, #699BAE, #005E8C, #003B3E, #00091B)
• Sunlit Cobalt Hollow color palette (#EDF6FF, #86BEED, #D0985A, #4286BC, #583C1B)
• Timeworn Periwinkle Alley color palette (#EEF6FF, #76A9E1, #CD7E88, #709254, #233A52)
• Aged Azure color palette (#EFF6FF, #A9C7FC, #6290CC, #3D5F93, #102A4E)

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