Softworn Cerulean color palette — #FDF3EE · #ADE8F3 · #5491BA · #3C6E57 · #583E53

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Powder Blue (#ADE8F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5491BA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#3C6E57): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#583E53): A full-bodied, dusty pink — the color of neon signs at night.

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

• Hazy Garden color palette (#FFF2ED, #81DFEE, #0089C3, #006A46, #2E3E66)
• Cerulean Orchard color palette (#E8F5F3, #BFE3F3, #4D99B1, #006C6F, #132F40)
• Softworn Lagoon Hollow color palette (#F5F6EE, #BDE8E2, #64B1CB, #2D898E, #255241)
• Peony Orchard color palette (#FFF1F1, #C55EA2, #338E6D, #007173, #4C2E2F)
• Patina Teal Grove color palette (#F9F3F8, #D2E0F5, #8CC6E9, #00B198, #314967)
• Worn Stone Balcony color palette (#FFF1F2, #E3D9CD, #DAB993, #906A80, #624845)
• Worn Lantern color palette (#F4E2DC, #009394, #004356, #002508, #00091A)
• Sapphire Pier color palette (#FFF3E9, #71C2F0, #3C67C9, #005651, #35285C)

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