Tempered Petrol color palette — #EEF8F3 · #CADEE0 · #BDADBF · #1A6D8D · #323E38

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

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Silver (#CADEE0): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#BDADBF): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#1A6D8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#323E38): a grounded near-black with real depth.

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 Lagoon color palette (#EEF6FC, #D6D8E6, #BDBCCC, #468AA4, #303C44)
• Dusty Denim color palette (#FEF0FA, #E3CAD8, #BF9BAB, #4351A4, #402B3B)
• Softworn Quarry color palette (#FBF2F7, #E3D7D6, #B2AEA3, #947988, #575054)
• Worn Chapel color palette (#D6E5E0, #C5B1C7, #9C869A, #004970, #13231E)
• Aged Drift color palette (#D1DFF6, #9FAAD3, #7C729A, #6D514E, #5F3900)
• Dusty Teal Cabin color palette (#F3F8E6, #5AAE87, #00745C, #3E513B, #343730)
• Gentle Azure color palette (#E3FCF4, #74D8FF, #46A1EF, #5E76C1, #39233A)
• Washed Balcony color palette (#F4EBEF, #AA929A, #89656E, #311B57, #11050B)

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