Tempered Petrol color palette — #F1E6E0 · #5FB1B7 · #00718F · #004C36 · #001528
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Parchment (#F1E6E0): bright and airy, almost weightless.
- Cyan (#5FB1B7): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C36): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001528): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Hazy Ultramarine color palette (#E9DDD5, #79A9C2, #0666BB, #004A4A, #0C0047)
- Dusty Aqua color palette (#F7EAF3, #34CDD8, #007290, #00402D, #000308)
- Cerulean Canyon color palette (#D8EFEB, #4B9EA6, #005360, #00302E, #00171F)
- Hushed Aqua color palette (#E8E9DC, #36C5D1, #0093A7, #006D69, #00171E)
- Cerulean Cabin color palette (#F6ECE8, #ACCFAF, #0095B6, #006F4C, #00314F)
- Hushed Atelier color palette (#FAE7E0, #C94140, #007383, #860012, #001317)
- Muted Lagoon Balcony color palette (#FAF4F0, #C0E7E8, #7EA8DA, #008C8C, #3D446C)
- Hazy Terracotta Studio color palette (#FFE0D4, #AC3C00, #00686C, #00526B, #140200)
Browse the whole catalog at Explore, or see today's palette.