Softworn Cerulean color palette — #FBF2F9 · #C1EEFF · #3A9EC4 · #006C52 · #001F3B

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Frost (#C1EEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3A9EC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006C52): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001F3B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Weathered Coast color palette (#FFF1F5, #D8DEFB, #738FD8, #006875, #1F1541)
• Cypress Bloom color palette (#FDF1F9, #D5D4E1, #74AED4, #008171, #192E50)
• Hushed Petrol Ridge color palette (#E0ECEA, #81BFC8, #00788C, #004B4A, #001922)
• Patina Denim color palette (#F8E4F0, #62AEC8, #00598C, #002C28, #00000C)
• Weathered Cobalt color palette (#FDF2F7, #A8D2EC, #127ECD, #00524E, #030332)
• Cerulean Terrace color palette (#F0F6FF, #E4D8E2, #FBADD4, #3A8FBE, #251D3F)
• Iris Bloom color palette (#F0F5FF, #7184FE, #A17C00, #786C00, #060827)
• Dusty Orchard color palette (#FAF2F8, #D5D4E2, #AFC6F0, #669CA2, #3E4F62)

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