Tempered Petrol color palette — #FAF2F8 · #E5D5D3 · #C5ACAE · #556093 · #43363F

Slate and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#E5D5D3): a clean, paper-quiet neutral.
• Rosewood Mist (#C5ACAE): A luminous, dusty red — the color of late-summer berries.
• Slate (#556093): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#43363F): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Cobalt Veranda color palette (#F1F5FC, #DFD6E3, #CAB8C4, #6C7DB6, #343B47)
• Patina Mulberry color palette (#FDF2F2, #E8D8C6, #D4B59F, #955072, #4D3A39)
• Softworn Villa color palette (#FCF2F3, #E2D9D2, #A7AFA4, #9A777C, #5A4F51)
• Dusty Cocoa Loft color palette (#F6ECEA, #DBC7BF, #AF9C8C, #794052, #392927)
• Navy Bloom color palette (#F3E8EE, #CAB1B8, #A38686, #403780, #291A23)
• Patina Fern color palette (#E2EBFF, #B093BD, #9B6370, #4C601D, #384B00)
• Jade Thicket color palette (#FBF5E4, #80A963, #347152, #613F4C, #36362F)
• Onyx Grove color palette (#F5E2E3, #AC938D, #9C5F3B, #47123A, #110606)

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