Tempered Petrol color palette — #EEF8F2 · #ADCFAB · #327C94 · #13495A · #16261E

A conversation between Slate and Deep Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F2): a clean, paper-quiet neutral.
• Pistachio (#ADCFAB): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#327C94): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#13495A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#16261E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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 Chapel color palette (#FBF2FA, #C8D8B5, #697EA5, #3A4D71, #302830)
• Ancient Celadon Basin color palette (#EAF8FF, #C7F5B4, #288398, #1C3D4C, #061117)
• Worn Azure Corridor color palette (#EDF6FF, #FFC5B9, #609BC9, #486681, #1B232A)
• Dusty Harbor color palette (#EAF9F3, #DA9D8E, #00587F, #00324A, #192520)
• Mint Chapel color palette (#CEECE4, #52C489, #005DA1, #002F56, #001023)
• Patina Emerald Corridor color palette (#D1E3DC, #3C995A, #003D59, #00111D, #000204)
• Pale Cobalt color palette (#FAF2FA, #A1C7F9, #9281CE, #3C81D6, #301D27)
• Basalt Villa color palette (#FAEAED, #E79F91, #775386, #472455, #230E15)

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