Tempered Petrol color palette — #F2F5FF · #E1D7F8 · #E19BA7 · #3B65AE · #3E395A

Slate takes the lead with Ballet Pink close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Thistle (#E1D7F8): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ballet Pink (#E19BA7): A luminous, balanced red — the color of late-summer berries.
• Slate (#3B65AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3E395A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, muted.

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

• Muted Parlor color palette (#F5F3FF, #E3D6DF, #EEB2A4, #7175BA, #4D445A)
• Ancient Petrol Balcony color palette (#EDF6FF, #D5E0FF, #C49EC8, #007885, #2E4563)
• Sunlit Coral color palette (#EAECFB, #DFA2CF, #D86661, #234195, #2D1237)
• Hushed Mallow Coast color palette (#FFECF2, #F5C6D0, #DF9ACF, #6A5F99, #321720)
• Grape Market color palette (#FFF0FA, #FFACBE, #F48A00, #6D2DC6, #591E37)
• Tempered Oat Summit color palette (#FFF1F7, #F7D2E2, #F1B7A4, #8BAAD1, #52353F)
• Mulberry Alley color palette (#FBE5FA, #F6C299, #AEA360, #98397B, #46253C)
• Patina Thicket color palette (#FEF0FF, #EADDCD, #D4B96D, #9D4693, #673734)

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