Tempered Petrol color palette — #E4F6F3 · #6DCCD6 · #008092 · #00524E · #001E27
Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E4F6F3): a clean, paper-quiet neutral.
- Aqua (#6DCCD6): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008092): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Hazy Station color palette (#E1F7F6, #77C5F5, #0077BD, #004E63, #001A39)
- Petrol Coast color palette (#FFF2EC, #67C9D3, #00799B, #005841, #00355C)
- Wandering Cerulean color palette (#F6F7E5, #98D8DD, #009EB2, #00736D, #003947)
- Ancient Abyss Archive color palette (#D7E7E6, #4E8096, #00415D, #001E25, #000104)
- Antique Turquoise Meadow color palette (#D6E7E4, #55ABBA, #006277, #00393A, #000D14)
- Soft Emerald Corridor color palette (#CFF3F0, #00A14C, #0075C4, #005C29, #00172D)
- Washed Pine color palette (#C7FEFF, #74E5C5, #00C3C0, #007330, #00271C)
- Quiet Pine Drift color palette (#DBEADF, #00884B, #007089, #664E00, #001306)
Browse the whole catalog at Explore, or see today's palette.