Tempered Petrol color palette — #EAFAED · #00B7C5 · #0067B1 · #00626A · #00231D

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

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00B7C5): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0067B1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00626A): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

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

• Frosted Bloom color palette (#EDF8F2, #18A8D4, #3352BC, #005871, #22121F)
• Hushed Jade Alley color palette (#F0F8E9, #00BD94, #00727E, #00654E, #042410)
• Frosted Canyon color palette (#EBF6E6, #00C2AA, #4C5CD0, #006A5D, #160112)
• Hazy Dune color palette (#EEFBD7, #0098CC, #005FB4, #6B1B71, #0C3954)
• Wandering Archive color palette (#EEF8F1, #C9DFDE, #9FC6B7, #00778B, #36443B)
• Cornflower Grove color palette (#E2FCF1, #6AE3FF, #0EB9F7, #2B7FFE, #003E5D)
• Hushed Corridor color palette (#E5FAFC, #00D9B7, #9367E8, #008B75, #181B31)
• Aged Meadow color palette (#E3F5EE, #007FB7, #3600AE, #003651, #0B0007)

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