Tempered Petrol color palette — #F9EBE3 · #96C3AA · #006DA6 · #003E38 · #000113

Peacock takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9EBE3): a clean, paper-quiet neutral.
• Mint Leaf (#96C3AA): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006DA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000113): 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

• Quiet Ultramarine color palette (#F8EBE0, #88BEE2, #145FD0, #003D41, #020012)
• Denim Balcony color palette (#EEE2DC, #69B0AF, #005F70, #002D18, #000103)
• Muted Cornflower Coast color palette (#FEF3EA, #9CD4F7, #3677D9, #005155, #0A0033)
• Cerulean Bloom color palette (#D8EEEB, #64BED9, #008FBB, #006B76, #001624)
• Ancient Drift color palette (#F4E7EF, #1D9EBE, #004E78, #00302B, #010D3B)
• Hushed Balcony color palette (#FCF0CE, #8B8100, #613AEA, #433D00, #010009)
• Washed Periwinkle color palette (#FAF4EF, #C1E2F1, #6EACE6, #007F7B, #212C51)
• Fern Parlor color palette (#F0E6CD, #7C8E56, #584E00, #301D00, #000200)

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