Tempered Petrol color palette — #E1ECE9 · #8EBCCA · #007984 · #004C45 · #001A20
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1ECE9): a clean, paper-quiet neutral.
- Ash (#8EBCCA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A20): 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
- Hushed Veranda color palette (#DBEDEC, #8FB9D8, #246FAE, #00485E, #001435)
- Dusty Basin color palette (#E7F5F3, #A1D0E3, #33889D, #005B5C, #002436)
- Worn Station color palette (#F8ECE6, #9ABB9C, #00748D, #005235, #00314D)
- Denim Boulevard color palette (#D7E4E3, #62A7BE, #006180, #00383F, #000C17)
- Softworn Cerulean Parlor color palette (#DBECE9, #2F8598, #004255, #001F21, #000103)
- Gentle Parlor color palette (#ECE9FF, #A560B0, #007794, #70047F, #00151D)
- Faded Navy color palette (#ECE2EC, #94479B, #A13325, #0046A0, #17001A)
- Ancient Aubergine color palette (#F2ECFF, #F5BADA, #CB8192, #713C7D, #1D0E2B)
Browse the whole catalog at Explore, or see today's palette.