Tempered Petrol color palette — #E8F8FF · #6FC1CF · #008091 · #004C58 · #003139
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Cyan (#6FC1CF): A luminous, balanced blue — the color of open sky before noon.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004C58): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Forest (#003139): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, 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
- Linen Corridor color palette (#DFFFE8, #91EAFA, #00C3DC, #008CA1, #00353D)
- Pine Dune color palette (#D7FEFF, #84C8A8, #238260, #004E37, #003522)
- Worn Atelier color palette (#EDF6FF, #A7CFF1, #5B89AF, #275376, #18374F)
- Weathered Denim Courtyard color palette (#EDF7FD, #8FBC91, #165974, #013346, #181C27)
- Aged Azure Alley color palette (#CBECFF, #00A3DB, #00648A, #003348, #001B29)
- Eclipse Petrol Veranda color palette (#C6EFFC, #007A94, #003A4A, #001117, #000203)
- Muted Cerulean Study color palette (#EAF8FF, #0090AC, #797420, #345F25, #203641)
- Washed Courtyard color palette (#F1F5FC, #8DAEF1, #7B609D, #3C5CA4, #212235)
Browse the whole catalog at Explore, or see today's palette.