Softworn Cobalt color palette — #FFF1F6 · #F4A557 · #7281C5 · #008ECC · #483039

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Apricot (#F4A557): A luminous, balanced gold — the color of old brass.
• Slate Blue (#7281C5): A luminous, balanced violet — the color of wild irises.
• Cerulean (#008ECC): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#483039): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Turquoise Orchard color palette (#FFF0FA, #E18B71, #00ABC2, #7180CC, #45313E)
• Worn Azure Parlor color palette (#E9FBE8, #D19949, #2B9EF7, #9D6FBF, #2C3D2B)
• Worn Meadow color palette (#FFF3E7, #EDB072, #8BB4FF, #9D8ED4, #3C3731)
• Gentle Bloom color palette (#FFF3E5, #E8AF61, #26C1BF, #A97EC1, #3A270E)
• Tempered Villa color palette (#EEE0C1, #C39B2B, #7840E6, #1560E8, #2F2200)
• Wandering Violet color palette (#C7F8E7, #A2BF2F, #B14ABA, #8857E8, #2C350D)
• Amber Hollow color palette (#FFF1F6, #D0BB91, #BC8047, #8C5A4C, #2B4338)
• Amber Corridor color palette (#FFF3E4, #B37D00, #458E46, #994E59, #3C3731)

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