Softworn Cerulean color palette — #FCF1F9 · #89D4D4 · #0086A0 · #186241 · #1F3E55

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Ice Blue (#89D4D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0086A0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#186241): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1F3E55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Cobalt Terrace color palette (#FDF2F6, #96CDF0, #4F78B8, #005F64, #2F3956)
• Muted Field color palette (#F6F0F5, #9CD1E0, #0589A9, #245D2C, #002141)
• Wandering Pine color palette (#FEF2EF, #BCDFBE, #54A0BE, #337D48, #4A304B)
• Worn Atelier color palette (#FAF2F8, #D3D8F2, #68A4B0, #477977, #405666)
• Tempered Lagoon color palette (#FAF4EC, #CDE9CE, #5DC2D5, #00A381, #004155)
• Washed Lagoon Station color palette (#F0E0EB, #009299, #004355, #002417, #000A16)
• Softworn Turquoise Studio color palette (#E0FCF6, #ABEADB, #6FB7CF, #757542, #224848)
• Worn Corridor color palette (#EADEE7, #5BADB7, #00607E, #004030, #00203E)

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