Tempered Petrol color palette — #EFE6EE · #79C1C7 · #00759D · #004E2A · #041432

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

The five colors

• Blush (#EFE6EE): a clean, paper-quiet neutral.
• Mint Leaf (#79C1C7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004E2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#041432): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Aged Aqua Lantern color palette (#E7F2E9, #58C3CE, #00748C, #005145, #003248)
• Cobalt Alley color palette (#F7EFF4, #AACEDE, #0083C7, #005E44, #122039)
• Sapphire Terrace color palette (#F3E4EB, #92B9D6, #3062D0, #004C47, #170E30)
• Denim Ridge color palette (#E5DBE0, #60A7C2, #0058A3, #003A30, #08012C)
• Worn Field color palette (#F6F0F4, #D4D2EB, #6DA3C8, #3F785E, #2C3647)
• Nightshade Summit color palette (#DBE5DA, #648EB3, #3223BD, #002B2D, #080014)
• Navy Alley color palette (#EFE1E9, #458295, #003D6B, #002018, #01000B)
• Washed Brick Dune color palette (#EBDFEA, #BE283E, #00678D, #2F4675, #1E0003)

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