Tempered Petrol color palette — #D6E4D9 · #66AEBE · #007093 · #004A46 · #001527
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#D6E4D9): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#66AEBE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#007093): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A46): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Cobalt Dune color palette (#DEE7DF, #77BBDC, #007AC1, #005860, #051D46)
- Petrol Atelier color palette (#EEF0DE, #6AC6D9, #00738D, #003D40, #000306)
- Gentle Canyon color palette (#D2ECF8, #79B7F5, #8484FF, #00696E, #001A29)
- Patina Lagoon color palette (#CEFAF4, #008D91, #006671, #003846, #001321)
- Onyx Corridor color palette (#F1E4ED, #409EAF, #004F77, #003121, #050741)
- Aged Ultramarine color palette (#E1EDE3, #6398C6, #034CC2, #003948, #050129)
- Muted Terracotta Balcony color palette (#D1E6F0, #00859E, #AC3C00, #004E5D, #210500)
- Antique Market color palette (#E6F2E8, #8FD1DB, #0094B9, #006D62, #00324B)
Browse the whole catalog at Explore, or see today's palette.