Tempered Petrol color palette — #E7F5F8 · #D5B9D3 · #386A75 · #013841 · #091619

Teal and Deep Teal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E7F5F8): bright and airy, almost weightless.
• Rosewood Mist (#D5B9D3): A luminous, dusty pink — the color of peonies in June.
• Teal (#386A75): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#013841): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#091619): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Worn Fern Boulevard color palette (#EAF5F2, #DEB6C8, #506B3E, #243716, #0A1714)
• Worn Denim Studio color palette (#ECF3FA, #D8A78F, #255887, #022849, #060D16)
• Muted Parlor color palette (#EEF7F8, #D4BD8E, #216C5A, #1D3F42, #1D262C)
• Antique Lagoon Coast color palette (#F1F7F1, #F2C6B4, #348D89, #3E543B, #272D27)
• Washed Chestnut color palette (#E8F6EB, #7EB7BB, #557D9E, #674E00, #123139)
• Antique Cypress color palette (#EBF4F4, #9AD1BD, #747FB5, #008568, #111620)
• Muted Study color palette (#D1E4F0, #C47182, #003F51, #00151D, #000204)
• Wandering Canyon color palette (#E8F4FB, #498FAF, #59659F, #743824, #031B26)

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