Tempered Petrol Workshop color palette — #EAF3FF · #D0D1FF · #D5A8E2 · #276F9A · #20283C

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

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Lilac Frost (#D0D1FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D5A8E2): A luminous, balanced pink — the color of neon signs at night.
• Slate (#276F9A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#20283C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Lilac Studio color palette (#E5F5FF, #BCDAFF, #ABA7FF, #00858D, #182938)
• Washed Mallow color palette (#ECF2FF, #EFD0E3, #F4B0DB, #6184B2, #2E3041)
• Ancient Coast color palette (#FEF0FF, #E2DAFF, #D596AD, #26716F, #4A3443)
• Gentle Peony Pier color palette (#D3E2FC, #B6A1F5, #B169AE, #00538B, #0E0A2C)
• Feathered Alley color palette (#EBECFF, #FEABF9, #FF7CA4, #5651CA, #2A0A35)
• Tangerine Cabin color palette (#F2E4FF, #F0ABB3, #F08349, #724079, #240F2A)
• Timeworn Ridge color palette (#F5EEFF, #EED4CD, #FF9F89, #955EAF, #3E1A28)
• Washed Turquoise color palette (#EDF6FF, #DDD9E3, #B8B0A3, #3DB0BB, #31394D)

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