Tempered Petrol color palette — #F0F5FF · #B7C3D9 · #9993A7 · #4B7D85 · #425265

Slate takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Ash (#B7C3D9): A luminous, dusty violet — the color of wild irises.
• Blue Fog (#9993A7): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4B7D85): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#425265): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged vintage, retro, 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

• Patina Cypress Dune color palette (#FAF3F5, #DADDEE, #8C97C2, #007E82, #4E4F6E)
• Lagoon Harbor color palette (#EDF8F3, #A2CAC6, #5D8A91, #725E75, #375351)
• Denim Parlor color palette (#E1E9FF, #ADACD0, #A16271, #006186, #3B486E)
• Antique Stone color palette (#FFF0FB, #F7D1D4, #D8B6A7, #899D8A, #425242)
• Aged Denim color palette (#E6EEFF, #A384A8, #836077, #214A71, #372C4F)
• Patina Terrace color palette (#FFECF0, #D6B9B8, #B48C7C, #676B23, #35402D)
• Hushed Meadow color palette (#FFF0FC, #C08780, #429B8F, #007E93, #503A4C)
• Tempered Chapel color palette (#EAE7FA, #8D799D, #784B27, #2A366E, #2E2050)

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