Tempered Petrol color palette — #F4EBF4 · #7DBEC3 · #007298 · #00532B · #162D51
A conversation between Peacock and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4EBF4): bright and airy, almost weightless.
- Ash (#7DBEC3): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00532B): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#162D51): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Antique Petrol color palette (#F8EBEF, #8BB7D8, #4D63AA, #00504E, #332350)
- Weathered Forest color palette (#FAF3F8, #AACBD9, #427FA6, #006343, #2A3861)
- Washed Petrol color palette (#EEE8DF, #84BFC3, #00788D, #004D3F, #001925)
- Washed Lilac color palette (#E1F8FF, #A9CEEE, #AA86CF, #2B6E45, #003A49)
- Feathered Lagoon Pier color palette (#CEE9D5, #00A288, #006A6C, #004658, #002C52)
- Antique Chapel color palette (#BCEBFF, #00A3C0, #00596F, #003038, #00161D)
- Brick Archive color palette (#C7E3F0, #008FA1, #B92F40, #00535E, #4E0B15)
- Cypress Balcony color palette (#F9F3F8, #D6D6EB, #759FBA, #497B61, #465368)
Browse the whole catalog at Explore, or see today's palette.