Worn Petrol color palette — #E6F2E8 · #79BFC5 · #00748B · #005145 · #003248
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Mint Leaf (#79BFC5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): 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 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
- Washed Meadow color palette (#E8F1EA, #89B7DE, #4368A3, #004D5F, #232857)
- Patina Grove color palette (#E9F7FF, #90C7E7, #8392CA, #006662, #1B3A4E)
- Dusty Petrol Boulevard color palette (#EFE6EE, #8DBCCD, #00749F, #004E2C, #00103F)
- Antique Terrace color palette (#D0F2E7, #00A194, #006C6F, #004751, #152A45)
- Hazy Turquoise color palette (#F5EDE1, #97E2E9, #00B7DA, #00937E, #003248)
- Gentle Lagoon color palette (#F8EBE7, #ADCEB3, #0092C5, #007041, #142C57)
- Hushed Summit color palette (#E4F3E7, #518A9B, #00425E, #002222, #000919)
- Brick Loft color palette (#C0E5F4, #008F9D, #B3393C, #00535C, #53000A)
Browse the whole catalog at Explore, or see today's palette.