Worn Cerulean color palette — #F9F3F9 · #B4E6F4 · #3897B6 · #426E48 · #334A62

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#B4E6F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3897B6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#426E48): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#334A62): A full-bodied, 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 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

• Tempered Ash Coast color palette (#FCF2F7, #D8DFF0, #7F9BC4, #427B71, #4C5265)
• Wandering Orchard color palette (#FBF2F8, #8AD2E1, #2280B7, #1D6147, #2C3B54)
• Aged Summit color palette (#F2F2EB, #CBE4CC, #469CA6, #1E6C63, #103421)
• Weathered Cerulean color palette (#E9DDE6, #00A2B0, #005070, #00321C, #010F39)
• Coral Loft color palette (#FFF0FE, #E27E7F, #009CA5, #99494B, #084C50)
• Soft Rose Bloom color palette (#FFF0FE, #D35D66, #0089A6, #406790, #423242)
• Tempered Jade color palette (#FCF3EE, #C9E6DE, #75CBE6, #37B07F, #264C66)
• Oat Harbor color palette (#FCF1FF, #F2D2D2, #C2D699, #797096, #5E4654)

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