Tempered Petrol color palette — #F4ECF1 · #8CB9CE · #0070A0 · #005145 · #142D53

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

The five colors

• Blush (#F4ECF1): bright and airy, almost weightless.
• Ash (#8CB9CE): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#142D53): 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

• Ultramarine Ridge color palette (#F9EAEF, #96B5D3, #3F5CCB, #004E59, #2E274C)
• Dusty Chapel color palette (#E8EBD9, #78C0D1, #007794, #004B4F, #001925)
• Cerulean Pier color palette (#E2F3F0, #74D4EB, #0094B9, #006B71, #003347)
• Gentle Cornflower Boulevard color palette (#FFF1F5, #A9D4F5, #3F76F2, #00656E, #3C3965)
• Patina Lilac color palette (#DDF4FF, #A9D4FF, #9C7FE6, #007365, #18344A)
• Hushed Ridge color palette (#F5EDE2, #B4DFC4, #4FB1DC, #00918C, #003051)
• Antique Garden color palette (#BEE7FF, #00A3D5, #005C7C, #002D3F, #001523)
• Weathered Azure color palette (#FAF3F7, #D6DFF1, #66A0CC, #2D7D74, #485365)

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