Tempered Petrol color palette — #EEF8EF · #E5C794 · #68AA8E · #396EA1 · #4C2B46

Built around Slate, softened by Jade — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF8EF): bright and airy, almost weightless.
• Wheat (#E5C794): A whisper-light, dusty gold — the color of old brass.
• Jade (#68AA8E): A luminous, dusty teal — the color of sea glass.
• Slate (#396EA1): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4C2B46): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, 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

• Wandering Pewter Station color palette (#EEF8F5, #BDD5A5, #4EA7C0, #7B5A97, #562A1C)
• Turquoise Parlor color palette (#FAF2F8, #FFAFA5, #3ABCD2, #A074A9, #433D5D)
• Wandering Pier color palette (#F1F7F2, #DCDEE9, #B3CEF3, #579DB3, #404D69)
• Ancient Aubergine color palette (#E7FAF4, #97B266, #008693, #4C3198, #3A0010)
• Washed Amber color palette (#FBEFE7, #D7845C, #1B8089, #653E4F, #381E29)
• Mustard Terrace color palette (#EDF9F1, #C1AE64, #435A52, #1F2F26, #0C110C)
• Patina Driftwood color palette (#EDF8F4, #C5DBEE, #87B9B8, #9F798D, #314C48)
• Tempered Boulevard color palette (#DFFEEB, #E4E9B2, #A7C27B, #669151, #1C5250)

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