Softworn Cobalt color palette — #F8F0EA · #9BCFEE · #587EB0 · #005B5D · #311529

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

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Sky (#9BCFEE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#587EB0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#311529): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Muted Cobalt Lagoon color palette (#FEF1F7, #A6CAE5, #5C78AC, #006059, #3B345A)
• Hushed Cerulean color palette (#FCEFE9, #93D5DA, #0089AC, #0F5D45, #00271F)
• Misty Alley color palette (#FFEEE4, #49CDEF, #0079B3, #005249, #00124B)
• Antique Quarry color palette (#EAF9F8, #D8DDE9, #6CADDF, #007B97, #1A3046)
• Cerulean Study color palette (#F1DCD2, #009BAC, #00516C, #002D22, #00040F)
• Raspberry Basin color palette (#F6D6D1, #CB3F79, #008169, #00686E, #250A08)
• Tempered Ash Meadow color palette (#F8F0EB, #BEEFEF, #AE90B2, #597358, #41303D)
• Timeworn Navy color palette (#F3E5D9, #3D7FAB, #002D94, #001F22, #01000A)

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