Worn Petrol color palette — #ECF8F6 · #89B9C0 · #347F8F · #7A4A52 · #25494E
Built around Slate, softened by Coffee — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF8F6): a clean, paper-quiet neutral.
- Ash (#89B9C0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#347F8F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#7A4A52): A full-bodied, dusty red — the color of a theater curtain.
- Charcoal (#25494E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
Use it as a design system
One click turns Worn 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
- Cypress Dune color palette (#EEF8F1, #8DBAAF, #3F8366, #68582A, #254A42)
- Lilac Grove color palette (#E7F9FB, #68B097, #B06DB3, #00785C, #573359)
- Wandering Grove color palette (#E0FBFC, #D3DEEB, #A5C1E8, #818142, #2F5256)
- Mulberry Study color palette (#E0FBFF, #039E8B, #A0609D, #A03A61, #0C3F46)
- Seafoam Harbor color palette (#F5F6EA, #98E8D1, #72B9C4, #AA8680, #3B4733)
- Cypress Pier color palette (#FAF2F8, #C5E1EF, #4E91C1, #087454, #3B4669)
- Soft Pine color palette (#C3EDD2, #A9B77A, #328E50, #006A5B, #0A4D62)
- Ancient Veranda color palette (#D2EBE3, #5B9B7D, #006163, #34450B, #003220)
Browse the whole catalog at Explore, or see today's palette.