Worn Petrol color palette — #F6E5DD · #75C1CE · #0073A5 · #004E32 · #081332
A conversation between Slate and Forest, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F6E5DD): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#75C1CE): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E32): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#081332): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Tempered Petrol Corridor color palette (#EEF0E4, #81BDC7, #00748C, #004F50, #003344)
- Dusty Cobalt color palette (#F8F0EB, #91D3E7, #3D81BA, #005D49, #301629)
- Feathered Ultramarine Loft color palette (#F5E7DC, #54A7CD, #0251B6, #003A33, #0B0227)
- Azure Harbor color palette (#EBFAED, #ADF3FF, #00A1C9, #006B61, #002134)
- Muted Market color palette (#FEE2F7, #DDB5ED, #D98698, #006272, #280A1D)
- Muted Sapphire Station color palette (#D6E3FF, #3359E6, #5D6400, #205425, #020724)
- Aged Lagoon color palette (#EBDBD7, #009E9B, #005265, #002F06, #00040E)
- Softworn Ash Studio color palette (#F8F0EB, #C2ECE7, #75A2C6, #437763, #422F3E)
Browse the whole catalog at Explore, or see today's palette.