Tempered Petrol color palette — #EDF9EC · #6BA784 · #227298 · #6C4400 · #1F434A

Slate and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF9EC): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#6BA784): A luminous, balanced teal — the color of sea glass.
• Slate (#227298): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6C4400): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#1F434A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Cabin color palette (#E7FAF7, #5D995D, #485FA2, #653E00, #1A421B)
• Antique Fern Balcony color palette (#E9FAF2, #7AB4AD, #5E77A5, #5E5D11, #314C58)
• Dusty Cabin color palette (#FDF0FF, #8EA06B, #00797D, #7F2D42, #124644)
• Aged Archive color palette (#F0F8F0, #97B8A9, #548054, #16656D, #264B3C)
• Gentle Petrol Alley color palette (#FEF0DA, #24B0B9, #0971AB, #6C313A, #0D291B)
• Grape Bloom color palette (#D8FFF4, #009DB4, #604AB3, #384E00, #003959)
• Dusty Cobalt color palette (#E8FBEB, #34C7D1, #378EC8, #8D4E56, #25414F)
• Muted Ultramarine Dune color palette (#CBF0D1, #00908A, #1335D1, #4A3400, #002F39)

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