Softworn Cobalt Coast color palette — #FFF2F0 · #F2B2C5 · #A1B274 · #5A88C7 · #5F3341

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Carnation (#F2B2C5): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#A1B274): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#5A88C7): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#5F3341): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

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

• Ancient Cerulean Basin color palette (#FDF2F4, #E3B5E3, #BDA863, #3294AE, #483961)
• Aged Loft color palette (#FCF3ED, #F1B99E, #72B9AA, #9977AF, #603334)
• Washed Ash color palette (#FFF2EF, #F1DAC8, #CDC1A2, #B293AD, #684950)
• Dusty Petrol color palette (#F7F3FE, #D29FC1, #429C9C, #2C6DA5, #483A5F)
• Aged Veranda color palette (#FEEEE7, #ED9883, #3CAB69, #5264CD, #560800)
• Moss Grove color palette (#FBF4EB, #F0C385, #88A65D, #1E7B6B, #3E3733)
• Teal Bloom color palette (#FAF3F0, #C6DEE4, #99CFED, #66B39F, #5F4A60)
• Plum Balcony color palette (#F4E6CF, #D0A100, #0099B9, #B70076, #3A1B00)

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