Softworn Cobalt color palette — #FBF3EF · #B1CDBE · #367EB5 · #00605A · #293960
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Pistachio (#B1CDBE): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#367EB5): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
- Navy (#293960): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Feathered Loft color palette (#FFF2EC, #66C9D6, #00799E, #005844, #00345F)
- Aged Cornflower Courtyard color palette (#FCF3EC, #A4D5F8, #437BE0, #00656C, #3A376F)
- Azure Studio color palette (#F4F6EC, #A8DEF3, #00A2DB, #007A89, #143E5A)
- Washed Petrol color palette (#FAF4EE, #C5E4DB, #7689B8, #006F7C, #5D3C4E)
- Hushed Navy color palette (#E8DFD9, #57889F, #003D70, #002222, #04002D)
- Tempered Boulevard color palette (#FFF0F8, #B1EAFF, #75B9EF, #489C93, #283B59)
- Gentle Boulevard color palette (#E0E9D2, #6BA560, #007E55, #005C4C, #053F52)
- Denim Parlor color palette (#F0E5DD, #78A5BF, #0055A9, #003E3F, #161252)
Browse the whole catalog at Explore, or see today's palette.