Worn Petrol color palette — #EFF0DF · #69C1C9 · #007585 · #00504C · #003440
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EFF0DF): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#69C1C9): A luminous, balanced blue — the color of open sky before noon.
- 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 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
- Petrol Station color palette (#EEE8DF, #99BE9F, #00778F, #004C41, #001925)
- Turquoise Atelier color palette (#DFE3D0, #3EADD3, #005F83, #003D46, #002237)
- Cobalt Boulevard color palette (#EBF1E1, #83B7E4, #1F68B8, #004B68, #1A2D50)
- Dusty Villa color palette (#E8F1EA, #A0CCDC, #0096B3, #006E5E, #003248)
- Timeworn Cerulean color palette (#F4F6EE, #BEE7D8, #5D8FBA, #306A7F, #553F56)
- Timeworn Bronze color palette (#ECDCC0, #9C7900, #007B72, #5B4600, #00302D)
- Antique Emerald color palette (#F9EBE6, #BEDCC2, #02B3ED, #009755, #0B2B5D)
- Dusty Taupe Pier color palette (#FFF0CC, #BDC784, #8EAF74, #6D5511, #32312A)
Browse the whole catalog at Explore, or see today's palette.