Tempered Petrol color palette — #D8E8F0 · #006F97 · #685B00 · #125428 · #000910
Peacock takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D8E8F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#685B00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#125428): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#000910): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
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
- Worn Terracotta color palette (#D5EFF4, #007381, #963900, #5E3D00, #00090C)
- Patina Ultramarine color palette (#FAE8F8, #0056CF, #5D5400, #003C49, #000314)
- Weathered Basin color palette (#E9E3F4, #9B32F8, #006C57, #0C590C, #0D001D)
- Magenta Summit color palette (#FEE4FB, #BC13B6, #007B64, #005D64, #20051E)
- Aged Cornflower Chapel color palette (#E2EDFF, #2B75F4, #AD3BB1, #007675, #00051D)
- Softworn Peony Chapel color palette (#EBDAEB, #BAA2F3, #D36286, #006C76, #0A1137)
- Wisteria Market color palette (#F4D7E0, #BC70FC, #009082, #007D3E, #271537)
- Muted Pier color palette (#E3EAFC, #5881FF, #8E8300, #4A762D, #12204C)
Browse the whole catalog at Explore, or see today's palette.