Tempered Petrol Harbor color palette — #EFF7F3 · #88CBE6 · #7A73B5 · #007899 · #352A30

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

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Sky (#88CBE6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#7A73B5): A full-bodied, balanced violet — the color of a velvet chair.
• Teal (#007899): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#352A30): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Raspberry Ridge color palette (#F9F3F7, #AFBDF5, #A85F9C, #5C69A2, #38292B)
• Cobalt Archive color palette (#F2F7F0, #88D1BF, #2486BC, #057F6C, #24312D)
• Antique Aqua Terrace color palette (#EDF4EE, #61D8DD, #B0698B, #258084, #201111)
• Pewter Canyon color palette (#FDF4E6, #88ABD4, #796EA3, #74512F, #52414F)
• Weathered Glacier Study color palette (#EEF7FA, #87E3E7, #C386A5, #519A9D, #312B36)
• Hushed Cerulean Pier color palette (#EFF7F5, #DFD4D2, #AAA193, #5E86AA, #4A5552)
• Terracotta Delta color palette (#EFF8F3, #508FB3, #974E57, #5C4600, #2B3424)
• Aubergine Study color palette (#DAEAE4, #00628C, #350066, #002031, #060002)

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