Tempered Petrol color palette — #E7E8DA · #97BCA1 · #00829A · #005959 · #00232F
A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E7E8DA): a clean, paper-quiet neutral.
- Sage (#97BCA1): A luminous, dusty teal — the color of sea glass.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005959): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00232F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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 Study color palette (#E0E3D9, #86B8D9, #047AC2, #00566D, #001F42)
- Tempered Loft color palette (#E7FAF7, #6FDEF1, #0088A3, #005152, #000F16)
- Muted Lagoon color palette (#F0F2E3, #799D7F, #006372, #003C39, #000B10)
- Azure Quarry color palette (#F7E7F3, #77D0DD, #009FD2, #008066, #001F40)
- Petrol Garden color palette (#F4F6EE, #BCDDD0, #609BCD, #007895, #213C5B)
- Muted Pine Station color palette (#DAE6CA, #8ED1BF, #44B9B8, #00793D, #003024)
- Lagoon Chapel color palette (#F5F6EF, #CCE4DC, #98BC9C, #409886, #3B5140)
- Airy Cornflower color palette (#F2F8E5, #97D2FF, #008FF4, #006D8F, #002F6E)
Browse the whole catalog at Explore, or see today's palette.