Softworn Cobalt color palette — #F6F1E9 · #AFD0C3 · #4B80B4 · #005A65 · #101E41

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

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Oat (#AFD0C3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4B80B4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#101E41): 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 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 Canyon color palette (#F7F1E7, #A2DDDA, #0094A2, #00654A, #002A36)
• Softworn Cobalt color palette (#FDF2F6, #9BCDE8, #4776C9, #006059, #323857)
• Muted Petrol color palette (#EEE8DF, #9DBDA2, #00778F, #004C41, #001925)
• Cerulean Orchard color palette (#D3F1F6, #2A9CBA, #006F96, #00416D, #042151)
• Aged Petrol Courtyard color palette (#F5F1EB, #C9E0E0, #76A1C6, #007984, #412F41)
• Tempered Abyss Terrace color palette (#EBE4DA, #6E9579, #005267, #002C27, #00050B)
• Bronze Corridor color palette (#DCEEE7, #4E99C9, #B9611D, #005B86, #301300)
• Aged Lilac Field color palette (#D9FBF0, #F2D1E8, #BCA0E5, #007B95, #381E38)

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