Tempered Petrol color palette — #D3E7E4 · #5DAFC6 · #007092 · #004950 · #001623
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Silver (#D3E7E4): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#5DAFC6): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007092): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004950): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001623): 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
- Frosted Ultramarine Alley color palette (#DEF0EF, #7FA6CA, #2265B7, #004662, #000B40)
- Teal Studio color palette (#E0F0EC, #44A4A1, #00656A, #003C33, #000C0E)
- Weathered Aqua Thicket color palette (#EDF0E0, #5FC6E4, #007193, #003D43, #000306)
- Cobalt Summit color palette (#F1DFD5, #71BDD3, #008BCE, #006E62, #000C3F)
- Muted Aqua Harbor color palette (#D6EDF0, #38CFCC, #009FB3, #006A49, #001C1A)
- Muted Azure color palette (#EDF8F7, #BAD9ED, #519FC9, #0F798A, #143E5B)
- Ultramarine Archive color palette (#CFF5F6, #008D63, #1B59DA, #005339, #000837)
- Linen Veranda color palette (#DBE5DA, #009344, #006B40, #00412C, #001710)
Browse the whole catalog at Explore, or see today's palette.