Weathered Petrol color palette — #E3EEE5 · #93BBBC · #BC9BB8 · #00818C · #08180C
A conversation between Teal and Mauve, giving this palette its sense of trust and stability.
The five colors
- Cream (#E3EEE5): a clean, paper-quiet neutral.
- Ash (#93BBBC): A luminous, dusty teal — the color of shallow lagoons.
- Mauve (#BC9BB8): A luminous, dusty pink — the color of neon signs at night.
- Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#08180C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered 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
- Cypress Quarry color palette (#DDE6D7, #99B8B1, #7D9E9E, #00856D, #10160B)
- Petrol Summit color palette (#D4E7DF, #CDB3C8, #C19695, #187AAA, #061812)
- Ancient Denim Archive color palette (#D9E5EB, #A1B8C6, #8299AB, #005D6D, #05161E)
- Washed Abyss color palette (#E6F0F4, #90A3B0, #667E98, #003E46, #000509)
- Aged Indigo color palette (#F1E4EB, #D9B8B2, #BDA092, #7674CA, #2A1924)
- Worn Petrol color palette (#D1E3DC, #0073A4, #242C60, #111F23, #000A06)
- Ultramarine Quarry color palette (#FBE3CF, #009BA8, #215ADD, #693A00, #000D15)
- Turquoise Terrace color palette (#E9FAEF, #C3E0E4, #E9C3DE, #0DAAC7, #25382D)
Browse the whole catalog at Explore, or see today's palette.