Tempered Petrol color palette — #F6F0F5 · #DED5D4 · #C9B8B1 · #5876A3 · #312931

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

The five colors

• Ivory (#F6F0F5): bright and airy, almost weightless.
• Silver (#DED5D4): a clean, paper-quiet neutral.
• Stone (#C9B8B1): A luminous, dusty orange — the color of toasted spice.
• Slate (#5876A3): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#312931): quiet, heavy and certain.

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

• Antique Thicket color palette (#F9F3F8, #E2D7D8, #CDBAB8, #5872AD, #4F434D)
• Pewter Cabin color palette (#F9EFF1, #E5D3C8, #D7B7AA, #81559C, #321E25)
• Ancient Ash Station color palette (#F1F5FC, #DCD9E3, #CEC1C1, #899ECA, #39404A)
• Aged Pine Market color palette (#FBF0E3, #B4B78B, #578159, #6A4B51, #2D270F)
• Indigo Hollow color palette (#FAE5EF, #7762C2, #43292A, #201019, #09040A)
• Fern Basin color palette (#CDF6E6, #CEAEC0, #9F7E7A, #51601A, #313C00)
• Mulberry Canyon color palette (#F0E6E8, #D9C6C3, #B89D8E, #75387D, #1E1214)
• Aubergine Lantern color palette (#EFE2E7, #9A8989, #7F645B, #351457, #040001)

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