Washed Petrol color palette — #EAF5F0 · #888B49 · #007595 · #6F3C67 · #0C1E17
Built around Teal, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Cream (#EAF5F0): bright and airy, almost weightless.
- Moss (#888B49): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007595): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#6F3C67): A full-bodied, balanced pink — the color of a candy shop window.
- Ink (#0C1E17): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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 Petrol color palette (#E7F5F5, #4E956B, #3E6FAD, #713841, #0C1F1B)
- Weathered Cobalt color palette (#EAF5F0, #9EA25F, #3C74B0, #73363E, #341D36)
- Antique Amber color palette (#FBEDF5, #BA734E, #007C74, #53477F, #21131B)
- Tempered Grove color palette (#E7FAF5, #6F9542, #00767E, #305572, #2A3830)
- Washed Lagoon Meadow color palette (#FCEDF4, #A7B278, #2A8A75, #6C425F, #1B312D)
- Gentle Grape Lagoon color palette (#E5F5F8, #009484, #6B3CA6, #742C0E, #00191A)
- Misty Navy color palette (#DEF8FA, #007B62, #253E9C, #681127, #00100E)
- Hushed Mustard Balcony color palette (#F8F5E8, #B3AC3B, #7B79B7, #65648E, #3A3330)
Browse the whole catalog at Explore, or see today's palette.