Tempered Petrol color palette — #F8E7F2 · #68AEBD · #006F9B · #004B3F · #001231

Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Blush (#F8E7F2): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#68AEBD): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006F9B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001231): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Station color palette (#F3E8EE, #7DBBD9, #0075D5, #005959, #14174A)
• Patina Ridge color palette (#F4EDE2, #73C5D7, #007195, #003E3B, #000307)
• Worn Cerulean Station color palette (#DEE1D1, #229FB8, #005268, #002F32, #001622)
• Faded Ultramarine color palette (#FCEAEF, #6C97BD, #2B48C0, #003A42, #0B0027)
• Azure Study color palette (#FAF3F7, #B0DCF3, #4B9DD5, #007D71, #263B59)
• Antique Lagoon color palette (#D5F6E7, #00A087, #006350, #003025, #000403)
• Powdered Azure Thicket color palette (#C2EAE9, #59C8C1, #009EE2, #4E6200, #00231A)
• Weathered Meadow color palette (#CDEBEA, #27A063, #970074, #00532F, #220018)

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