Washed Petrol color palette — #F5EDE1 · #80C5C3 · #007482 · #003F2F · #000305
A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Mint Leaf (#80C5C3): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007482): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003F2F): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Washed 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
- Tempered Cobalt color palette (#F6EDDF, #90BDDA, #0068B9, #003D45, #000016)
- Muted Cerulean color palette (#FDF4E6, #98D8E4, #0087AC, #00524C, #000E1B)
- Wandering Workshop color palette (#EDDEEE, #319B9B, #005267, #002E0B, #00040F)
- Pine Alley color palette (#EDDFDB, #62C2BF, #0091B2, #00731D, #00142A)
- Patina Ridge color palette (#EAF1C5, #9CE3C5, #31BEC5, #495800, #000903)
- Tempered Veranda color palette (#FDF4E6, #C6F9FF, #00ABCF, #007465, #00283B)
- Hushed Balcony color palette (#E8E7C2, #7E8D00, #385B00, #063002, #000502)
- Soft Harbor color palette (#B7F8BF, #34A968, #00642B, #002008, #000201)
Browse the whole catalog at Explore, or see today's palette.