Tempered Petrol color palette — #F6F7E7 · #92CCBD · #54A1A4 · #5C6CA1 · #3C4D37
Slate takes the lead with Eucalyptus close behind in a set that reads as creativity and calm at first glance.
The five colors
- Ivory (#F6F7E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#92CCBD): A luminous, dusty teal — the color of shallow lagoons.
- Eucalyptus (#54A1A4): A luminous, dusty teal — the color of glacier melt.
- Slate (#5C6CA1): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#3C4D37): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Creativity, Calm, Sophistication. Tagged retro, muted, cool.
Use it as a design system
One click turns Tempered 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
- Jade Corridor color palette (#F9F5E6, #B1C69C, #69A278, #2C7992, #484841)
- Hushed Seafoam color palette (#E1FCF4, #8BF5CF, #6BB0AC, #5D7399, #294448)
- Dusty Iris color palette (#EFF8F2, #84BBCD, #7789C4, #805788, #5C372E)
- Wandering Pier color palette (#F4FACF, #00BFC2, #008CA8, #5D42AE, #003D43)
- Muted Teal color palette (#ECF5EA, #53ADA2, #4A5E4C, #313B2E, #1F231C)
- Worn Cocoa Veranda color palette (#E4FCEF, #C8DCD5, #B6A6B5, #95787E, #664747)
- Aubergine Atelier color palette (#DAE2C8, #00A4BE, #0071A1, #641791, #002935)
- Wandering Olive Archive color palette (#F5F6EE, #CDD5BC, #91A37B, #7B843E, #45550C)
Browse the whole catalog at Explore, or see today's palette.