Tempered Petrol color palette — #DDE9E3 · #C3AEB2 · #B9918C · #007CA4 · #031810

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

The five colors

• Parchment (#DDE9E3): a clean, paper-quiet neutral.
• Rosewood Mist (#C3AEB2): A luminous, dusty red — the color of embers at dusk.
• Dusty Rose (#B9918C): A luminous, dusty orange — the color of autumn markets.
• Cerulean (#007CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#031810): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Cypress Terrace color palette (#E8ECE6, #A1B5B4, #B99CB9, #008476, #081903)
• Aged Indigo Market color palette (#EEE6EB, #BEABA7, #AC9280, #5F61D0, #1E0D19)
• Denim Boulevard color palette (#DBE1E6, #AAB5C4, #8795B4, #005981, #051521)
• Aged Ridge color palette (#E4EFF6, #92A1B9, #787993, #003C51, #00050B)
• Denim Terrace color palette (#E4F2EC, #DACAD9, #BB9BB0, #005479, #000402)
• Tempered Fern color palette (#D3F8EE, #76A18A, #7372A5, #37652E, #001F19)
• Iris Field color palette (#F3ECF0, #DCD0CC, #C8B5A6, #8C84E1, #382931)
• Antique Parlor color palette (#F2EFDD, #5AAC78, #00817B, #0D5894, #001507)

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