Softworn Cobalt color palette — #FBF4EE · #99CDEA · #5A78AE · #006059 · #3B345A

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

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Sky (#99CDEA): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5A78AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#3B345A): 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

• Cobalt Hollow color palette (#FFF2EB, #51C9E8, #0072BA, #005844, #25296B)
• Dusty Cobalt Harbor color palette (#FFF2ED, #ABD0B0, #0083AE, #29603E, #4A304A)
• Washed Workshop color palette (#E5F6F5, #AFCCE2, #4182B3, #00586E, #07213B)
• Cypress Balcony color palette (#FBF3EE, #C5EDED, #AD8DAC, #447A71, #624B58)
• Antique Stone color palette (#FFF1F0, #FFD2C9, #BDB36F, #7E6498, #453E3B)
• Timeworn Station color palette (#FCF2F6, #C3E5FF, #7FB4FC, #009FA4, #313564)
• Chalky Cerulean Balcony color palette (#EBDCD6, #03A2B1, #005071, #00321D, #000C3F)
• Worn Raspberry Harbor color palette (#FFD8E6, #D12780, #007C80, #165D78, #42201E)

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