Softworn Cerulean color palette — #F9F4EE · #C0EBDB · #87B5EB · #009DB4 · #2C395D

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Honeydew (#C0EBDB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#87B5EB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009DB4): A luminous, balanced blue — the color of open sky before noon.
• Navy (#2C395D): A deep, shadowed, 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 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

• Patina Sky Coast color palette (#FCF4E8, #9EE6FF, #2DB7FC, #00979A, #003362)
• Timeworn Lagoon color palette (#F9F4EC, #D2E7D0, #40C6D4, #1FA378, #004251)
• Periwinkle Ridge color palette (#FAF3F6, #D8D4DF, #7FA4F2, #008079, #30284A)
• Dusty Turquoise color palette (#F8F5EF, #CEE5E6, #A4CBF1, #61B0BC, #614A5E)
• Hushed Villa color palette (#EAF5EC, #9DCFF0, #497EBB, #005967, #10203B)
• Tempered Apricot color palette (#FBDBE5, #C795EF, #DC9230, #00ACA4, #342242)
• Quiet Ridge color palette (#F5EBDD, #A1C4E7, #5A8CFA, #007897, #181152)
• Worn Ridge color palette (#F6EFE4, #7DAC9E, #3772CD, #005A6E, #04002D)

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