Tempered Petrol color palette — #E9EADF · #81C0C6 · #00788A · #004B48 · #001921
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Ash (#81C0C6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001921): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Worn Summit color palette (#E6ECDD, #8DC0B1, #346CAF, #004762, #02113B)
- Antique Cerulean color palette (#F1F3EA, #B1D0BC, #3B879F, #005B5F, #002433)
- Washed Lagoon color palette (#F7EAF3, #89BACB, #007392, #00523B, #003052)
- Denim Balcony color palette (#E4E6DB, #61A7C2, #006084, #003841, #000C18)
- Aged Cerulean color palette (#E5E9D6, #31849B, #004257, #001F22, #000103)
- Ash Hollow color palette (#F2F3EB, #C4E2DD, #7EA78F, #577457, #233C31)
- Hushed Aubergine color palette (#FFE2E7, #A75FB0, #007697, #71007E, #00151E)
- Chalky Terrace color palette (#FFE8E8, #F0A8C3, #D87A88, #7C4D7C, #330D23)
Browse the whole catalog at Explore, or see today's palette.