Softworn Cobalt color palette — #FFF3E6 · #68B6BD · #5577B3 · #71532D · #374E43

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#68B6BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5577B3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#71532D): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#374E43): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Timeworn Cerulean color palette (#FFF2EC, #77B992, #12859B, #7F4649, #404C3B)
• Indigo Veranda color palette (#F7F6E7, #7AADDB, #8566AA, #4B622F, #51424E)
• Sky Study color palette (#DEF8F6, #56B9DF, #577CA0, #524D6B, #202E38)
• Muted Lapis color palette (#FFF4DA, #009BBE, #503FD6, #4F4600, #093958)
• Dusty Fern color palette (#F7F5EE, #C2C3A7, #4F9171, #526E59, #515100)
• Muted Grape color palette (#F3F0D0, #1B8ED2, #6A3EA3, #334800, #3F273C)
• Tempered Alley color palette (#EBFAEA, #B8D3C8, #A48C9A, #896F27, #425C1C)
• Powder Lagoon color palette (#E8FBEC, #9DDCEE, #90B0DE, #B17C75, #384A58)

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