Tempered Petrol color palette — #E9DCD5 · #6DC2C3 · #00829C · #005C3B · #002237
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Bone (#E9DCD5): a clean, paper-quiet neutral.
- Mint Leaf (#6DC2C3): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005C3B): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Weathered Archive color palette (#F7EAE2, #75BDD8, #007AC2, #005A54, #0C194C)
- Ancient Cerulean color palette (#EAFAED, #8ADCDD, #00899D, #005341, #000F17)
- Timeworn Lagoon color palette (#D9EBE7, #14B4B7, #00636C, #003F38, #00242B)
- Pale Ridge color palette (#ECE2EC, #7ED0D0, #00A1CA, #2B8040, #001F41)
- Gentle Cornflower color palette (#FFF3E9, #8CD6F8, #058FF5, #007270, #222C65)
- Azure Orchard color palette (#FCF3ED, #B7DFCB, #4A9CDE, #007D76, #4B3047)
- Airy Turquoise color palette (#E1E4C2, #7FD9BC, #00B2D8, #776900, #192502)
- Ancient Jade Chapel color palette (#D2E4D5, #07B45C, #00753A, #003A22, #000B03)
Browse the whole catalog at Explore, or see today's palette.