Tempered Petrol Delta color palette — #E9F6EB · #7EC0C6 · #CF8582 · #00818A · #372F2C

Teal and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Ash (#7EC0C6): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#CF8582): A luminous, balanced orange — the color of autumn markets.
• Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#372F2C): quiet, heavy and certain.

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

Use it as a design system

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

• Worn Coral color palette (#E9F8FF, #64BFD3, #D37A87, #008194, #58465A)
• Pine Terrace color palette (#EFF4E5, #8EC29F, #BA8AAF, #278552, #482529)
• Wandering Cobalt Veranda color palette (#F7EEF8, #93B7DE, #C09355, #3274B6, #35302A)
• Coral Parlor color palette (#E9F8FE, #8AD3D9, #F09588, #169EA8, #5E4359)
• Hushed Lagoon Pier color palette (#E5F7EB, #C1E1E1, #CDBAAB, #42958D, #30463A)
• Bronze Archive color palette (#E6F7EB, #67A8B3, #A97CA5, #92740B, #162D1E)
• Timeworn Study color palette (#DEFAEB, #00A8D4, #D55500, #006581, #3B1200)
• Hushed Petrol color palette (#EBF4F1, #D5C0A0, #3B6689, #003A2F, #0A1713)

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