Tempered Petrol Garden color palette — #F9EEF7 · #E6D0D0 · #D4B6BC · #4668AF · #2E1F2D

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

The five colors

• Blush (#F9EEF7): a clean, paper-quiet neutral.
• Silver (#E6D0D0): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D4B6BC): A luminous, dusty red — the color of a theater curtain.
• Slate (#4668AF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#2E1F2D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Petrol Garden 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

• Aged Sapphire color palette (#FBF2F9, #E8D4D5, #D3B1C1, #495FC5, #4D3848)
• Washed Petrol Workshop color palette (#EBF5EE, #C9DADC, #CCB8C6, #00788D, #1B2920)
• Aged Denim color palette (#EEE7EB, #D5C7CC, #BB9A9D, #434E90, #1C121A)
• Washed Iris color palette (#F0F5FF, #DBD8E2, #B8ACB4, #738CE3, #2E3542)
• Weathered Driftwood color palette (#F8EFEF, #DDD6CF, #ADAFA4, #A07677, #3E3333)
• Worn Mulberry Meadow color palette (#FAEFF0, #E9CCC8, #C5A394, #90208C, #2B1015)
• Amethyst Delta color palette (#FBE8F1, #7744D5, #401D23, #200514, #080107)
• Feathered Terrace color palette (#FCF0DC, #A2AF6E, #387C3B, #4E4179, #272000)

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