Tempered Petrol color palette — #F5EAF2 · #69C8CF · #007290 · #00402D · #000308

Built around Teal, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Blush (#F5EAF2): bright and airy, almost weightless.
• Aqua (#69C8CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000308): 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

• Gentle Delta color palette (#F7EAF0, #7BC0E7, #0064C7, #003E3F, #020013)
• Cobalt Balcony color palette (#FBF2F8, #97D7EA, #0082C0, #005249, #00082C)
• Tempered Quarry color palette (#F4E3DD, #46989F, #00506D, #002E16, #000313)
• Ancient Turquoise Archive color palette (#E3E4D3, #49C4CE, #0093A7, #006D68, #00171E)
• Magenta Thicket color palette (#F3E7F2, #BC28B9, #0A580D, #005034, #030003)
• Dusty Station color palette (#FAF2F8, #D4D4E3, #2FB5E7, #0C8166, #14304C)
• Pale Magenta color palette (#EEEBFF, #CB48DA, #007639, #570060, #000200)
• Dusty Quarry color palette (#F5F3FF, #FFB4C9, #FC7F4A, #51429B, #0C0118)

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