Softworn Petrol color palette — #F2E5ED · #8CBBD2 · #0073A6 · #004C42 · #021435
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Blush (#F2E5ED): bright and airy, almost weightless.
- Ash (#8CBBD2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#021435): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Patina Cobalt color palette (#F7EFF3, #A7CDE6, #4080BD, #005B59, #111F3C)
- Timeworn Sapphire Cabin color palette (#E3ECE2, #97B7D7, #435ED0, #004A54, #180B36)
- Antique Petrol Corridor color palette (#DFF4F1, #65C0D7, #007392, #004F54, #003248)
- Softworn Archive color palette (#F6F0F3, #D6D1E7, #78A1C4, #2C7972, #2B364A)
- Lagoon Hollow color palette (#E8DBE4, #46989E, #005267, #002D1E, #00050C)
- Weathered Plum Lagoon color palette (#F3ECFF, #B31C90, #00713D, #005952, #1A0013)
- Faded Amber Terrace color palette (#EEE2FF, #EFB0B1, #DA852F, #705290, #21112A)
- Hushed Garnet Coast color palette (#E5DBF0, #CA67A2, #007F3E, #6B004C, #001807)
Browse the whole catalog at Explore, or see today's palette.