Tempered Petrol color palette — #F0F6FB · #DBD9E3 · #C5BCCE · #467A9D · #41494F

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Stone (#C5BCCE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#467A9D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#41494F): 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

• Tempered Indigo Delta color palette (#F3F5FC, #E1D5E2, #C5B5D1, #7057B1, #3B3F50)
• Wandering Boulevard color palette (#EBF4F1, #DFD0CD, #C5B6B8, #527F74, #262E2C)
• Softworn Driftwood Meadow color palette (#EDF7FF, #A1AFCF, #947395, #486860, #324E53)
• Worn Navy Market color palette (#DCE3EB, #A2A9BB, #7B7BA1, #003966, #0C151E)
• Washed Olive Coast color palette (#FEF1F5, #95BAA3, #6A7C30, #4A5A76, #30493A)
• Timeworn Ultramarine color palette (#EFF6FF, #CBD2E9, #BB98C6, #1954B4, #253448)
• Weathered Aubergine Delta color palette (#EEECF4, #C0B4C7, #9E859B, #6E136F, #211C2E)
• Washed Aubergine color palette (#EBEFFA, #9897AA, #776989, #280B74, #050816)

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