Tempered Petrol Grove color palette — #EEF2F9 · #D9D5E0 · #BFBAC6 · #66739A · #282C34

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#D9D5E0): bright and airy, almost weightless.
• Ash (#BFBAC6): a calm mid-gray that lets other colors speak.
• Slate (#66739A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#282C34): a grounded near-black with real depth.

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

Use it as a design system

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

• Dusty Pewter color palette (#F4F0F8, #DDD2D8, #C0B1C3, #83536D, #241D2B)
• Washed Alley color palette (#F9F3F8, #E0D8D8, #CFBAB4, #5673AB, #4E444D)
• Hushed Driftwood color palette (#EFF0FF, #BDB8D2, #9082A1, #745667, #472E38)
• Lilac Chapel color palette (#EEF1FF, #DDD2EF, #B7ACFC, #A475C4, #1F213A)
• Pewter Canyon color palette (#E6F6F1, #89C0B5, #5C7F5E, #3A5B65, #052E29)
• Indigo Dune color palette (#E8EBFD, #7B65B3, #2F2E46, #121523, #04060D)
• Lilac Thicket color palette (#FDECFA, #9D90D7, #7F5992, #6F302C, #1F2037)
• Patina Aubergine color palette (#DFDFE7, #8E8B9C, #6E677C, #3F0755, #010008)

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