Tempered Petrol color palette — #F9EBE5 · #81BCC9 · #006FA5 · #005239 · #1C295A
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9EBE5): a clean, paper-quiet neutral.
- Ash (#81BCC9): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005239): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#1C295A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Hushed Petrol color palette (#E2ECE4, #8EBBCF, #007698, #004C47, #001829)
- Cobalt Workshop color palette (#FEF3EC, #A9CFBB, #4E7BAF, #006152, #35365A)
- Misty Ultramarine Market color palette (#EBDED5, #6FA6C7, #244EB1, #003E3A, #221148)
- Airy Lilac color palette (#DCF5E4, #A2CDFF, #B382C0, #007053, #113750)
- Weathered Azure color palette (#BDEAFF, #3B9AD1, #005C78, #003242, #001B27)
- Powdered Lagoon color palette (#CDEEDA, #009A88, #006772, #00465F, #002A5F)
- Weathered Spruce Parlor color palette (#F9E8E3, #519E9E, #005268, #003310, #00142D)
- Faded Brick Basin color palette (#CFE6DD, #0074A4, #AC1E19, #6B3800, #002234)
Browse the whole catalog at Explore, or see today's palette.