Tempered Petrol Drift color palette — #F0F7F4 · #D2DCDD · #D6BAC4 · #457C96 · #414A46

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Stone (#D6BAC4): A luminous, dusty rose — the color of strawberry cream.
• Slate (#457C96): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414A46): 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 Drift 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

• Washed Cerulean color palette (#F9F3F8, #E2D7D9, #B4ACA2, #6D82A9, #575057)
• Petrol Orchard color palette (#ECF4EF, #DDD0CF, #C8B4B6, #3E7F93, #252F29)
• Timeworn Indigo Summit color palette (#FDF1F8, #EDD3D2, #D7B0BD, #635ABB, #493B43)
• Muted Chapel color palette (#F9F3FA, #E0CBDD, #98A4D2, #005BA4, #3B2D3D)
• Hushed Fern Loft color palette (#F4F6EE, #A6B691, #358370, #476245, #354B03)
• Washed Garden color palette (#E1EDE8, #B0A5B2, #8F768D, #003C5A, #021912)
• Tempered Cocoa Garden color palette (#FFF0FB, #C9A5B8, #907BA5, #7E5E56, #7B3E1F)
• Ancient Thicket color palette (#EEDFEF, #2571C7, #43273E, #251B26, #091112)

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