Muted Petrol color palette — #F5F2E7 · #919457 · #3C73A8 · #5C3B62 · #26180E
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F2E7): bright and airy, almost weightless.
- Moss (#919457): A luminous, balanced green — the color of fresh herbs.
- Slate (#3C73A8): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#5C3B62): A full-bodied, dusty pink — the color of neon signs at night.
- Onyx (#26180E): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Muted 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
- Muted Amber color palette (#F8F0E9, #B67B3E, #00737C, #484A78, #281A18)
- Ancient Boulevard color palette (#F0F3E9, #5D9F7E, #785AAC, #68363D, #20190A)
- Olive Archive color palette (#EAF9F4, #6A8B2C, #5F6899, #444B73, #392F3A)
- Lagoon Bloom color palette (#FAF1E2, #9AB683, #2B8B71, #594776, #2B2E1C)
- Dusty Balcony color palette (#E9FAF2, #ABAB43, #578EC1, #775878, #413039)
- Patina Driftwood Bloom color palette (#F3F2EB, #D2DAD2, #A2B3B1, #7A8A5F, #373630)
- Patina Courtyard color palette (#F6F6EA, #B0CA8D, #16A3AD, #8B5772, #252415)
- Ultramarine Courtyard color palette (#F3F5D7, #558B00, #2822DA, #6A0044, #170B00)
Browse the whole catalog at Explore, or see today's palette.