Tempered Petrol color palette — #CDF9FD · #00707F · #004C5C · #002A38 · #081224
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDF9FD): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00707F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004C5C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002A38): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#081224): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Lagoon color palette (#C1E9E6, #008C97, #006174, #003B51, #001729)
- Obsidian Petrol color palette (#D1ECFF, #0074A8, #003B59, #001421, #000306)
- Wandering Studio color palette (#D7F6E1, #007D57, #004C39, #002920, #001216)
- Aged Fern Parlor color palette (#E3F4EB, #006983, #3F5500, #003240, #0B1200)
- Washed Aubergine color palette (#DFF2FC, #005374, #540096, #003A2A, #000910)
- Powdered Loft color palette (#D5E9ED, #00A9CD, #007295, #004969, #00324E)
- Frosted Cornflower color palette (#D1F9EC, #6CA3E1, #667AD5, #004358, #001B15)
- Weathered Bronze color palette (#FAE9CF, #7C6500, #493500, #291800, #0E0B00)
Browse the whole catalog at Explore, or see today's palette.