Softworn Cobalt color palette — #F3F6F1 · #6CC1AC · #546BAD · #00705E · #301D2C
Built around Slate, softened by Pine — the whole palette hums with creativity and calm.
The five colors
- Ivory (#F3F6F1): a clean, paper-quiet neutral.
- Mint Leaf (#6CC1AC): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#546BAD): A full-bodied, balanced violet — the color of a velvet chair.
- Pine (#00705E): A full-bodied, balanced teal — the color of shallow lagoons.
- Onyx (#301D2C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Hushed Pewter color palette (#F0F7F2, #6BBDC8, #87599B, #006C77, #321D23)
- Patina Pine color palette (#F5F6EC, #93BB8E, #2A73B1, #157410, #102924)
- Tempered Aqua Loft color palette (#E9F4F7, #44C9CB, #0080A7, #007375, #01101A)
- Petrol Alley color palette (#FFF3E4, #5BA6A5, #3C6CA2, #684600, #274534)
- Azure Loft color palette (#F1F7F2, #78D6DA, #009CD2, #009297, #142921)
- Quiet Navy color palette (#C5FFF5, #6BBAC7, #2B7BA5, #1944A0, #392583)
- Pale Mulberry Meadow color palette (#FAF2FB, #739DCA, #99325D, #00518F, #2B0E0B)
- Aged Petrol color palette (#F1F7F2, #D2DEDE, #CCBDC1, #00848E, #414B43)
Browse the whole catalog at Explore, or see today's palette.