Tempered Petrol color palette — #CDEDFF · #6362A0 · #5C3356 · #222700 · #060800

Built around Slate, softened by Mulberry — the whole palette hums with nature and growth.

The five colors

• Frost (#CDEDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6362A0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Mulberry (#5C3356): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#222700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#060800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Aged Navy color palette (#D9F2F3, #3C749F, #473B82, #2B2200, #090700)
• Weathered Pewter color palette (#E3EDFF, #85549C, #642738, #002826, #000908)
• Muted Boulevard color palette (#EAEEFF, #9181CC, #725783, #4A1E24, #130100)
• Pewter Pier color palette (#D5E2F2, #7A7DBD, #7D4C83, #573B14, #1C1A00)
• Aged Plum Boulevard color palette (#F4E8FF, #A95777, #7A3519, #00393F, #00181B)
• Wisteria Parlor color palette (#EEEDFF, #BE7BB6, #8D5B5B, #004B44, #002521)
• Antique Navy color palette (#F8E6ED, #4292C3, #06419D, #002B2E, #04001A)
• Eclipse Aubergine Meadow color palette (#EBDDF8, #69009B, #364500, #003222, #020006)

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