Tempered Petrol color palette — #EBF8FB · #2D968F · #5563A2 · #743B3F · #253C38

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

The five colors

• Ivory (#EBF8FB): bright and airy, almost weightless.
• Fern (#2D968F): A luminous, balanced teal — the color of sea glass.
• Slate (#5563A2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#743B3F): A full-bodied, dusty red — the color of late-summer berries.
• Forest (#253C38): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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

• Ancient Indigo Balcony color palette (#EEF8F3, #8C8D41, #5A64B5, #7A4141, #2A3B34)
• Dusty Mulberry Alley color palette (#E8F9FA, #53A084, #8A488A, #644519, #243B3C)
• Ancient Cerulean Veranda color palette (#FFF0FB, #6DB99F, #3381A0, #7A4A46, #344C52)
• Worn Balcony color palette (#EFF4E8, #50A77A, #306F90, #5E4824, #201E0F)
• Mulberry Alley color palette (#EBF7FE, #008DA6, #91255B, #4C4000, #182D37)
• Weathered Lagoon color palette (#EFF7F8, #D5DBE2, #B3AAB1, #568C91, #4D5455)
• Hazy Garnet Study color palette (#E5F3FF, #006D99, #870033, #1F3700, #001B2A)
• Jade Terrace color palette (#E6FAF8, #6EB580, #3D93B6, #84653E, #233831)

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