Tempered Petrol color palette — #D9E9E3 · #0075A9 · #824900 · #003E5C · #2B1400

A conversation between Cerulean and Bronze, giving this palette its sense of trust and stability.

The five colors

• Parchment (#D9E9E3): bright and airy, almost weightless.
• Cerulean (#0075A9): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#824900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003E5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2B1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. 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

• Terracotta Balcony color palette (#E0F6EC, #0077A1, #A02416, #003F57, #3A0200)
• Antique Sapphire Grove color palette (#F5E5F4, #1E67D3, #615C00, #00347D, #1D1C00)
• Azure Coast color palette (#D7EFE6, #29A0E5, #9A4D00, #005884, #2D1200)
• Powdered Denim color palette (#DAECFF, #005CA1, #714000, #433700, #001227)
• Gentle Sky color palette (#D4E4F0, #32BFF4, #A96D00, #007BA2, #281600)
• Bronze Cabin color palette (#E6FBF2, #56AAD7, #A5852B, #006E9A, #524009)
• Pale Cabin color palette (#FED8EE, #7869FE, #906800, #4A0ECB, #3D2A00)
• Dusty Olive Hollow color palette (#EEE1C8, #6A7F35, #534400, #3E1F00, #001C09)

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