Tempered Petrol color palette — #E3F2F1 · #90B6D4 · #006DAF · #004D61 · #002D5C

Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E3F2F1): bright and airy, almost weightless.
• Ash (#90B6D4): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006DAF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#002D5C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Patina Cobalt Lagoon color palette (#EFF7F7, #ACC8E4, #4E7AB4, #005A7E, #273960)
• Misty Sapphire color palette (#F3E4EA, #8DBAD6, #1C67CA, #004B4E, #110F35)
• Aged Boulevard color palette (#E4F2EF, #7EBFBE, #00767F, #005147, #00343D)
• Periwinkle Atelier color palette (#ECF1E2, #A3DBFF, #60ABE9, #008CAE, #132F4E)
• Washed Denim color palette (#D0E6E4, #6199AB, #00516C, #002F34, #001624)
• Lapis Boulevard color palette (#C7E4E9, #009383, #5C5AC1, #00554C, #221D5C)
• Tempered Petrol Villa color palette (#EFF7F7, #D8DBEC, #7A9CC2, #307896, #445468)
• Pale Orchard color palette (#CCE5EA, #007C70, #0061A5, #4A5300, #002621)

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