Tempered Petrol color palette — #E7F1E9 · #7BC2DF · #006EA5 · #003D41 · #00020B

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

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Sky (#7BC2DF): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Denim color palette (#D5E3D7, #77ABBC, #005F6F, #002C23, #000103)
• Soft Cobalt Atelier color palette (#ECF9EE, #A4D2F7, #447AC9, #004F5F, #060036)
• Patina Lilac color palette (#DEF0FF, #B4D3FF, #AD8FF6, #006374, #000410)
• Chestnut Villa color palette (#CBE7FB, #008AB6, #9E4E00, #004259, #030100)
• Worn Cerulean color palette (#D1ECEC, #008A9D, #005D74, #002537, #000105)
• Sunlit Azure color palette (#D1E9FF, #3C9BEA, #005893, #001A30, #000103)
• Airy Mulberry Grove color palette (#D9EBFB, #006F9F, #A1005A, #404800, #000103)
• Feathered Cornflower color palette (#EBDFE6, #7CBAD5, #2B81EA, #006E60, #120A36)

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