Softworn Cobalt color palette — #FBF4EE · #C1E6D6 · #518DD2 · #0E7070 · #593E51

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

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Celadon Mist (#C1E6D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#518DD2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#0E7070): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#593E51): 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 Cobalt 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

• Aged Terrace color palette (#FCF3EF, #CBE4D0, #4695B4, #197259, #275047)
• Quiet Cobalt color palette (#FFF3EA, #94D9F7, #0082DC, #006763, #323D66)
• Ash Lantern color palette (#F4F6EE, #B5ECEE, #7AABD0, #4A8496, #524155)
• Dusty Alley color palette (#E8F5F4, #C1E1F9, #5C94BD, #16687D, #1A2E41)
• Tempered Cobalt color palette (#FFF1F7, #E5D8D4, #F2B2B3, #677EB0, #584248)
• Chalky Bloom color palette (#FFF0F7, #8D79C9, #838000, #377A3F, #46303B)
• Forest Delta color palette (#FCF3EE, #96D2CE, #00879A, #006434, #0B4057)
• Weathered Cerulean color palette (#F4E5DD, #2E8DA4, #004161, #00231E, #000722)

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