Muted Petrol color palette — #EAFAF2 · #007BA5 · #575C00 · #00532B · #1A2C1C
Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAFAF2): bright and airy, almost weightless.
- Cerulean (#007BA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#575C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#00532B): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Forest (#1A2C1C): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Hushed Workshop color palette (#FBF2FB, #4F80BC, #47782E, #005F4D, #27362E)
- Chestnut Villa color palette (#F0F8EC, #008F7C, #854400, #4C4100, #2C2F1B)
- Linen Lantern color palette (#FFF2EA, #BA5824, #536900, #00553A, #1E3325)
- Aged Lilac color palette (#F2F5FF, #A379EB, #658E3F, #486637, #1B3138)
- Dusty Violet color palette (#FFECF1, #8F59B4, #6B5E00, #483F00, #091910)
- Weathered Grape Lagoon color palette (#FFF1F6, #6F45AE, #00574A, #003848, #271425)
- Worn Plum Ridge color palette (#FFF2F0, #AC5472, #735000, #3F4B00, #272F1C)
- Weathered Pewter color palette (#FBF3F4, #E3D8D4, #D2BBB0, #86678E, #4F4547)
Browse the whole catalog at Explore, or see today's palette.