Softworn Cobalt color palette — #F8F1E5 · #9ECEF2 · #547DB7 · #00596A · #161D3E

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sky (#9ECEF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#547DB7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00596A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#161D3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cerulean Coast color palette (#F6F1E9, #8CD6DA, #198AA0, #005D4C, #002433)
• Cobalt Boulevard color palette (#FBF2F6, #ABC9E3, #5D77AD, #005E67, #383559)
• Washed Pier color palette (#EDE6DA, #009AB4, #00516C, #002C2A, #00050C)
• Washed Periwinkle Archive color palette (#FBF4EC, #D9D5E0, #8CA3E7, #007F7E, #432232)
• Timeworn Navy color palette (#F7EBD9, #4B7DAB, #08308B, #001E28, #01000B)
• Weathered Coast color palette (#FFECF2, #FFC9EB, #D999A2, #68658F, #341D21)
• Washed Orchid Hollow color palette (#FDDAE3, #A053C7, #966200, #006967, #240913)
• Airy Iris color palette (#DCE1EF, #8B7FF8, #6F4AAA, #512465, #2F1532)

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