Tempered Petrol color palette — #EDE1E7 · #6EACBF · #006AAF · #004C3B · #0C0442

Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Rose Water (#EDE1E7): bright and airy, almost weightless.
• Blue Fog (#6EACBF): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006AAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0C0442): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Soft Ultramarine Station color palette (#E6F3E4, #77A7D3, #525BB4, #00494D, #1E0036)
• Patina Forest color palette (#E7DAE7, #5EB2AE, #00728A, #064E0B, #001529)
• Timeworn Petrol color palette (#F9EBE2, #6CC5DE, #006BAF, #003F30, #010014)
• Hushed Garden color palette (#E2EFE4, #77BBD2, #008DC6, #006D6E, #00142B)
• Wandering Denim color palette (#F6EDE0, #6F9B83, #005072, #003030, #00142B)
• Soft Ember Delta color palette (#D5E2FE, #D595DB, #D36857, #005D81, #1D0938)
• Soft Cobalt color palette (#F5EBF2, #94CFDD, #258ED0, #006F51, #1E295A)
• Aged Pine Meadow color palette (#FCF1FA, #A6E8F0, #4AA6D5, #008752, #273F6B)

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