Softworn Cobalt color palette — #FDF2F7 · #A4CAE6 · #3879C7 · #005F61 · #2E3A55
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF2F7): bright and airy, almost weightless.
- Sky (#A4CAE6): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#3879C7): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
- Navy (#2E3A55): A deep, shadowed, dusty violet — the color of wild irises.
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
- Airy Petrol color palette (#FDF1F8, #79C5D8, #0076AA, #00574B, #072F6C)
- Antique Cobalt color palette (#F0F3E9, #9BCFEE, #4182B1, #00586C, #2C172F)
- Azure Courtyard color palette (#E8F9F8, #A9DCFA, #4D9DD5, #007892, #213C58)
- Forest Field color palette (#FBF2F8, #93DED9, #008FA3, #006B39, #004662)
- Worn Study color palette (#ECF7FF, #CFD8FF, #C49BDB, #007E82, #2B3D55)
- Antique Courtyard color palette (#EBDAE7, #4D9DA7, #00516B, #003124, #00152A)
- Ultramarine Courtyard color palette (#EEF6FF, #66A6E7, #005EB6, #003A67, #042146)
- Tempered Basin color palette (#CDE9FF, #0083BB, #A85000, #785200, #102E43)
Browse the whole catalog at Explore, or see today's palette.