Softworn Petrol color palette — #E2F3EF · #75BFC6 · #007585 · #00504C · #003440
Teal and Mint Leaf set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E2F3EF): bright and airy, almost weightless.
- Mint Leaf (#75BFC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007585): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003440): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn Petrol 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 Petrol color palette (#EFE6EC, #8EBBCC, #007697, #004D39, #00172C)
- Tempered Basin color palette (#E5F1F1, #8DB6DA, #396AA3, #004B67, #192D51)
- Antique Turquoise color palette (#EEEFE5, #B9DEC0, #00B8D2, #00918C, #003441)
- Softworn Cerulean color palette (#F9EBE5, #B0CDB6, #0094BC, #006F53, #013053)
- Cobalt Lagoon color palette (#EBF8F7, #9DD7F5, #0088C7, #006477, #05426F)
- Ancient Forest Bloom color palette (#C6F6F6, #7CD8BB, #43AEAA, #286D39, #003928)
- Tempered Lantern color palette (#EEF7F6, #D1DEF0, #6CA3B2, #357B7B, #385769)
- Timeworn Loft color palette (#AEF7D0, #2EB078, #006843, #00301E, #001A0F)
Browse the whole catalog at Explore, or see today's palette.