Washed Petrol color palette — #FEF1F8 · #ABA8E2 · #AA9762 · #6F6BA2 · #504D46
Built around Slate, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Mauve (#ABA8E2): A luminous, balanced violet — the color of a velvet chair.
- Moss (#AA9762): A luminous, dusty green — the color of new leaves after rain.
- Slate (#6F6BA2): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal Brown (#504D46): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Aged Cobalt Orchard color palette (#EDF2FD, #AAB0DB, #A89D65, #6368B5, #153927)
- Aged Courtyard color palette (#FEF1F9, #B9C0F4, #C0B267, #7D84D2, #554E24)
- Cocoa Meadow color palette (#E8FAF0, #75BBD4, #BB8E69, #237E99, #704000)
- Ash Grove color palette (#FFF0F9, #9192C6, #8D8D5A, #5C7A54, #4F3C47)
- Muted Denim color palette (#FFF1F6, #C3BCE9, #837FB5, #554576, #3B3458)
- Dusty Villa color palette (#FFF1F0, #D184A4, #4E9C6D, #9A426B, #41433C)
- Oat Lagoon color palette (#FEF1FA, #E6D9D5, #DEC0A0, #6D9380, #5F4E54)
- Washed Villa color palette (#FFF1F6, #B7C7A2, #765161, #47313A, #2E1F1E)
Browse the whole catalog at Explore, or see today's palette.