Tempered Petrol color palette — #E7F4FC · #7EBED5 · #CA8885 · #1E7D99 · #3F283D

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

The five colors

• Ivory (#E7F4FC): bright and airy, almost weightless.
• Sky (#7EBED5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Dusty Rose (#CA8885): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#1E7D99): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3F283D): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Hushed Petrol Canyon color palette (#ECF2FE, #A1B0E8, #BC9367, #5F6EA7, #442731)
• Worn Cypress color palette (#E2F6F8, #79C5AB, #BB8BAA, #308269, #372A47)
• Worn Thicket color palette (#EBF8FE, #79BCCB, #CC836B, #008194, #6B4133)
• Antique Turquoise Chapel color palette (#E3F5FF, #48ABC4, #BA7C62, #A16851, #152A35)
• Ancient Petrol Loft color palette (#ECF2FB, #E3B5C4, #4E6284, #253243, #0D141F)
• Weathered Driftwood color palette (#FEEDF2, #A6C4B1, #9F7583, #684F62, #19322B)
• Aged Lagoon Drift color palette (#E6F5FB, #D7D7E6, #CFBAD5, #639B9E, #31414D)
• Washed Harbor color palette (#E7F4FF, #38B2FA, #B65300, #006191, #381500)

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