Softworn Cobalt color palette — #F7ECE2 · #A2C9EA · #7182C3 · #006B6D · #35234F

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

The five colors

• Cream (#F7ECE2): a clean, paper-quiet neutral.
• Sky (#A2C9EA): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7182C3): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006B6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#35234F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Feathered Cobalt Quarry color palette (#F7ECE7, #8DD1DE, #258FC9, #006F4C, #19295D)
• Aged Iris Lagoon color palette (#FFF1F5, #D6DFFD, #6687FF, #006A69, #23133D)
• Worn Coast color palette (#E6F2E8, #8DB6D9, #3266B6, #004D5E, #202660)
• Ancient Nightshade Coast color palette (#D0E6E5, #00ADC6, #0076B2, #2E419E, #2B1F58)
• Gentle Mallow color palette (#D6F6EA, #D2D3FF, #EE9ACF, #14857D, #1D2E50)
• Dusty Azure color palette (#FFF2EC, #BFE6CB, #14A6EE, #00875D, #2C3D6D)
• Aged Ultramarine Boulevard color palette (#ECDCD2, #5FADCE, #1C64BE, #004B41, #14023F)
• Periwinkle Terrace color palette (#C1E8DC, #4CB1FF, #A26700, #0068A6, #3B2300)

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