Tempered Petrol color palette — #F4ECF1 · #95B7C8 · #006FA3 · #005147 · #112C5A

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4ECF1): bright and airy, almost weightless.
• Ash (#95B7C8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#112C5A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Washed Cobalt Chapel color palette (#FBF2F7, #A9CADF, #3B7CB8, #00605C, #2A3765)
• Petrol Chapel color palette (#E8EAE0, #74C0D4, #007696, #004A4F, #001925)
• Denim Terrace color palette (#EFDFE5, #80A3BF, #1A52AA, #003D41, #1A134D)
• Ancient Lilac Parlor color palette (#E5F5FF, #A8C1E7, #B194D7, #007168, #003954)
• Aged Lagoon Garden color palette (#D0E7DF, #009999, #006A7A, #00465E, #002C50)
• Muted Azure Studio color palette (#C0E8FF, #3A9DD3, #005E7D, #002B42, #001826)
• Sky Thicket color palette (#F6ECE7, #90E1F6, #57AEE2, #159280, #1A2E4D)
• Softworn Cypress Chapel color palette (#F9F3F7, #D6DFF1, #729FC3, #277E75, #43536D)

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