Tempered Petrol Station color palette — #EDF4F0 · #A5CEB8 · #8778B2 · #007E9C · #1F1118

Cerulean and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Pistachio (#A5CEB8): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#8778B2): A luminous, balanced violet — the color of twilight just after sunset.
• Cerulean (#007E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#1F1118): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Wandering Studio color palette (#F0F3ED, #B5CCA4, #5C87B1, #00856D, #041A16)
• Timeworn Driftwood Ridge color palette (#EFF7F9, #86CFD3, #966AA3, #007C82, #2E2C3A)
• Timeworn Cobalt color palette (#F5F0F5, #D5B8D7, #9B6FA8, #3C73B5, #201015)
• Washed Chapel color palette (#F0F6FA, #A5DBEE, #AD86DB, #329AB9, #2C2C3B)
• Muted Cocoa Ridge color palette (#F8F1E5, #8AAFD7, #77729D, #7A4201, #392436)
• Tempered Cerulean Boulevard color palette (#ECF4F1, #DBD1CF, #9E9D93, #6088A7, #303835)
• Nightshade Loft color palette (#D0FEEB, #A7C4E8, #717DB7, #5B4897, #3E1253)
• Terracotta Ridge color palette (#EBF4F0, #5694AB, #924D5E, #664900, #171F0D)

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