Tempered Petrol color palette — #F4ECF0 · #86BACF · #006DAF · #00504B · #182861

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

The five colors

• Blush (#F4ECF0): a clean, paper-quiet neutral.
• Ash (#86BACF): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006DAF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#182861): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Worn Abyss color palette (#F3ECF1, #81BEBB, #007587, #00532E, #003249)
• Wandering Loft color palette (#E8EBDF, #84BDD3, #00749F, #004A54, #001829)
• Muted Cobalt Station color palette (#FDF2F7, #B0C9DC, #5379B0, #005F63, #33365F)
• Quiet Coast color palette (#F5E7EB, #84A2BF, #304DAD, #003D45, #20114A)
• Aged Terrace color palette (#C7E7D9, #818508, #595BC3, #4A4D00, #201C5F)
• Periwinkle Lagoon color palette (#F9ECE3, #8CE1FF, #4FACF3, #009288, #1B2B56)
• Dusty Canyon color palette (#EBDDE8, #5C9BA5, #00516D, #003126, #00142C)
• Aged Cypress color palette (#FAF3F6, #D8DEF0, #7C9CC0, #207E7C, #44526F)

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