Softworn Cobalt color palette — #FCF2F6 · #A6CAE7 · #5C74B9 · #00605E · #343856

A conversation between Slate and Peacock, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#A6CAE7): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5C74B9): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#343856): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Cerulean Station color palette (#FBF2FA, #8CD4D5, #0084A9, #2F5F3A, #253C56)
• Misty Sapphire Alley color palette (#FFF0F8, #44C8F3, #006EC9, #005749, #2C2965)
• Hushed Cobalt color palette (#F0F4E7, #A7D2C4, #4E7FB2, #005773, #081F42)
• Tempered Stone Basin color palette (#EDF7FF, #CBCFFF, #DB9EBC, #1A746D, #313E51)
• Ash Delta color palette (#FBF2F6, #D9DEEF, #8599C1, #427883, #4D5165)
• Frosted Cobalt Studio color palette (#C4F0EF, #00AFD1, #0075B2, #294781, #353055)
• Washed Harbor color palette (#D0E8FF, #007FCB, #8E6300, #595901, #162D42)
• Cerulean Parlor color palette (#F9F4EF, #C0EBDD, #8EB1F4, #009EAB, #37355B)

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