Tempered Petrol Thicket color palette — #F5F0F4 · #DCD4D4 · #CCB7B2 · #5D74A4 · #322831

Slate takes the lead with Stone close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F5F0F4): bright and airy, almost weightless.
• Silver (#DCD4D4): bright and airy, almost weightless.
• Stone (#CCB7B2): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#5D74A4): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#322831): 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 Thicket 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 Petrol color palette (#F9F3F7, #E1D7D8, #D1B9B8, #65729F, #4E444B)
• Byzantium Pier color palette (#F8EFF1, #E4D3C9, #DBB6AA, #9244A6, #321E23)
• Dusty Periwinkle Basin color palette (#F2F5FB, #DAD8DF, #CCBFC1, #8499E5, #393F4B)
• Timeworn Courtyard color palette (#F9F1E4, #BAB495, #5D8059, #544D7C, #2D270C)
• Fern Grove color palette (#D4FCF1, #CDB2BF, #A17B7C, #57641D, #2E3B27)
• Weathered Bloom color palette (#F8E8EF, #7A64B8, #46262B, #220F19, #0A0509)
• Worn Corridor color palette (#F8EFF4, #E1CED3, #C99F9F, #5A3AC2, #2A0F20)
• Fern Workshop color palette (#F2F4DF, #71A0D2, #7E579C, #235406, #301A2B)

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