Tempered Petrol color palette — #EFF8F4 · #D0DCDD · #BBAEBC · #006D95 · #323E39

Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF8F4): bright and airy, almost weightless.
• Silver (#D0DCDD): bright and airy, almost weightless.
• Ash (#BBAEBC): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#006D95): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#323E39): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cerulean Garden color palette (#F0F6FA, #D8D8E8, #C3BAD2, #278CAF, #323C43)
• Petrol Courtyard color palette (#ECF4F0, #E4D3D9, #CAADBF, #256E87, #16241D)
• Ancient Delta color palette (#FAF3F6, #DFD7D7, #B1ACA0, #807AAF, #585054)
• Aged Denim color palette (#E8F2EF, #BFB5BF, #9E859A, #004874, #0F241E)
• Antique Lapis color palette (#FCF1F9, #E1CCD7, #BC9CA9, #4640C8, #3E2C39)
• Patina Cypress Summit color palette (#F2F8E8, #90A27E, #007364, #005658, #263E00)
• Weathered Byzantium color palette (#FCF2F5, #E4D6D2, #D7B1B5, #8846B1, #50383F)
• Driftwood Basin color palette (#FED7F2, #B892A5, #896F99, #704245, #513412)

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