Softworn Petrol color palette — #E0F3F2 · #88B8D8 · #2C6CA1 · #004C62 · #0F2E53
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#88B8D8): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2C6CA1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#0F2E53): 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
- Petrol Meadow color palette (#F1E5EA, #98B8D1, #416AAF, #004A4F, #13093E)
- Timeworn Meadow color palette (#EEF7F7, #AFC8E2, #5078B7, #065980, #2A395F)
- Cypress Lagoon color palette (#E3F3EF, #84BEB9, #00777A, #005143, #00353A)
- Worn Periwinkle color palette (#EDF0E7, #AEE0CE, #46AAFF, #008BB1, #112E53)
- Timeworn Denim Grove color palette (#CEE8E5, #579AB0, #00516D, #002F35, #001624)
- Ash Loft color palette (#EDF8F7, #D8DBEB, #7F9CBF, #50738C, #43546B)
- Hushed Jade Studio color palette (#CBECDA, #00A57B, #00735E, #004A41, #002F3C)
- Hushed Basin color palette (#C5E9E8, #007B7A, #1457BF, #3C5700, #002525)
Browse the whole catalog at Explore, or see today's palette.