Tempered Petrol color palette — #ECF7FF · #ECD4EC · #DB959E · #2B7EA1 · #074D69

Built around Cerulean, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Thistle (#ECD4EC): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#DB959E): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#2B7EA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#074D69): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Dusty Drift color palette (#F6F3FF, #E4D4E2, #CAB0CF, #4F90A6, #414A6C)
• Worn Hollow color palette (#F2F5FF, #C5CAE5, #A995B4, #2B7085, #303C58)
• Softworn Field color palette (#F1F5FF, #F9C2DF, #D79A7A, #6064A1, #373869)
• Hushed Quarry color palette (#D6FFFF, #C2E4FF, #AF95D2, #008267, #004C4E)
• Dusty Station color palette (#F4E5F5, #EF8EB8, #AC7168, #235C56, #00363B)
• Hushed Cabin color palette (#FFF1F4, #F0BED4, #E4958E, #6E9C68, #005347)
• Weathered Parlor color palette (#EEF6FF, #B9B6DB, #967695, #275E75, #012844)
• Dusty Coast color palette (#FCF1FF, #FBB6AE, #A48729, #555694, #2F2B6C)

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