Tempered Petrol color palette — #D7F6F7 · #71A2C5 · #655FA5 · #514207 · #281F00

Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D7F6F7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71A2C5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#655FA5): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#514207): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#281F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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

• Antique Turquoise Corridor color palette (#CCF3DF, #27B2C7, #4F6AA9, #6A3919, #3F1900)
• Wandering Loft color palette (#C9E6F2, #788DDA, #885695, #334A05, #1B2E00)
• Hushed Abyss color palette (#CAE8FB, #B1889F, #795471, #23441E, #212301)
• Washed Chestnut Loft color palette (#D4E9E4, #69C0C1, #5D8EBC, #8F4800, #434100)
• Frosted Mulberry Studio color palette (#E4E7F5, #928FC5, #7D589B, #892740, #6B140C)
• Washed Cocoa Loft color palette (#E3EBFB, #8473A6, #764058, #00351E, #00180F)
• Dusty Petrol color palette (#FFEEE6, #5DCEDA, #007DA0, #00543E, #001B33)
• Hushed Chestnut Harbor color palette (#E5F8E9, #B4CDC6, #A08793, #7D6418, #4F4300)

Browse the whole catalog at Explore, or see today's palette.