Worn Petrol color palette — #F3F2E9 · #92A565 · #6B6AA5 · #604801 · #342406
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F2E9): bright and airy, almost weightless.
- Moss (#92A565): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#6B6AA5): A full-bodied, balanced violet — the color of a velvet chair.
- Bronze (#604801): A full-bodied, balanced gold — the color of old brass.
- Espresso (#342406): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Teal Station color palette (#EDF9EC, #05AEA9, #636CA0, #744251, #46423B)
- Timeworn Driftwood color palette (#F9F0E9, #D0C2A4, #728D58, #566755, #34312A)
- Softworn Mint Meadow color palette (#EAF9F8, #76C693, #A37BAC, #895D43, #563748)
- Hushed Atelier color palette (#F4F4DC, #BCD5BB, #A588A5, #8D6424, #5C3C00)
- Washed Aubergine color palette (#EBF0E0, #239760, #74238E, #323800, #021A01)
- Terracotta Field color palette (#E9F6EC, #00A0AD, #A63C35, #264C02, #0F2500)
- Dusty Lagoon color palette (#E4F2E6, #08949C, #1C443B, #182119, #0B0D08)
- Hushed Iris color palette (#E9F8FD, #8EDCD8, #8795D6, #93556C, #263F2A)
Browse the whole catalog at Explore, or see today's palette.