Tempered Petrol Station color palette — #D8FEFD · #86C5B9 · #11959F · #006B9A · #3A516A
Peacock takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#D8FEFD): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#86C5B9): A luminous, dusty teal — the color of sea glass.
- Cerulean (#11959F): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006B9A): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#3A516A): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Tempered Petrol Station 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
- Turquoise Study color palette (#E2FAFF, #88DDDB, #00B5CE, #367D97, #3D5567)
- Washed Lagoon Terrace color palette (#DDFEEF, #A5C092, #469A74, #007668, #275669)
- Wandering Parlor color palette (#ECF7FF, #A6CFEB, #518EB4, #005973, #0A3C54)
- Dusty Petrol color palette (#E7F8FF, #86BEDB, #5C86C1, #5B5EA5, #504F71)
- Petrol Harbor color palette (#ECF7FD, #78BCCF, #C68675, #008099, #6C4034)
- Hushed Nightshade Bloom color palette (#D2F4F0, #00A3C0, #00608F, #0722B0, #362066)
- Tempered Lagoon color palette (#EAF8FF, #DBDAE5, #D8BAD7, #519379, #475562)
- Tempered Amber color palette (#EAF8FF, #55A5BA, #BB764C, #8C6B24, #2D4652)
Browse the whole catalog at Explore, or see today's palette.