Tempered Petrol color palette — #F7EAF3 · #7EBEC2 · #007390 · #005239 · #003050
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#7EBEC2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007390): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005239): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#003050): 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
- Hushed Petrol color palette (#E9EADE, #7DC1C5, #007987, #004C46, #001A20)
- Weathered Courtyard color palette (#F8EAEF, #9AB5CD, #4265AF, #004F56, #2B2556)
- Antique Cobalt color palette (#F9F3F8, #ABCBD9, #2582AD, #006151, #223B5C)
- Turquoise Canyon color palette (#FCEAE1, #97E2E6, #00B6DF, #009569, #003150)
- Patina Harbor color palette (#F9F3F7, #D6D6EB, #779FB9, #218067, #425468)
- Tempered Nightshade color palette (#EFDCE3, #6395BE, #1837B0, #002F35, #160040)
- Sapphire Chapel color palette (#CCE6D1, #9F7800, #2160D8, #5D4500, #09255A)
- Timeworn Aubergine color palette (#CAECDB, #746E00, #006593, #580FB9, #232000)
Browse the whole catalog at Explore, or see today's palette.