Worn Petrol color palette — #F7E9F2 · #84C5C0 · #007484 · #004120 · #000306
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#F7E9F2): bright and airy, almost weightless.
- Mint Leaf (#84C5C0): A luminous, dusty teal — the color of glacier melt.
- Teal (#007484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004120): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Sapphire Dune color palette (#FCE8F1, #79C1E5, #0A67BC, #003E3E, #010014)
- Hushed Cerulean Studio color palette (#FFF0FB, #9CD8E0, #0086AF, #005340, #000D1F)
- Patina Lagoon Grove color palette (#ECECE0, #9CBA97, #009698, #006F5B, #00181B)
- Weathered Spruce color palette (#EFDED5, #589D98, #00535F, #003217, #001622)
- Weathered Turquoise Study color palette (#FFF0FB, #BDFCFF, #00AAD2, #007653, #002741)
- Tempered Iris color palette (#FFF1F5, #D9DEFB, #7290D5, #006874, #1E163F)
- Ember Veranda color palette (#F4D9D6, #D65600, #7D4B00, #291D00, #010100)
- Tempered Bronze Chapel color palette (#D7E5D5, #9F831B, #6C4300, #3C1300, #010100)
Browse the whole catalog at Explore, or see today's palette.