Tempered Petrol color palette — #EFF7F7 · #D7DBEC · #759DC7 · #327894 · #475464

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#759DC7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#327894): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#475464): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Ancient Drift color palette (#F5F3FF, #E1D6DF, #F9B8B5, #8384A9, #524E60)
• Antique Parlor color palette (#E5F2F0, #72BED1, #007391, #004F54, #003347)
• Tempered Powder Parlor color palette (#FBF2F5, #DAD4E1, #B4C6F2, #74AEAC, #4D516A)
• Worn Amber Workshop color palette (#F6F3FF, #B882B6, #C66D58, #5D76A4, #443F51)
• Patina Orchard color palette (#E7FAF6, #9EDAE1, #008FA4, #006763, #004759)
• Worn Lagoon color palette (#DEF4EF, #549DA0, #00545D, #00302C, #00171D)
• Worn Iris color palette (#E5EBFF, #B1A6E4, #9479CA, #6E5488, #5A4760)
• Softworn Stone Loft color palette (#FAF4EE, #C2F2F7, #C6A5C2, #718F77, #604C57)

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