Muted Petrol color palette — #D6E1EA · #B6C6D6 · #92A7BF · #00698F · #14212A
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Silver (#D6E1EA): a clean, paper-quiet neutral.
- Stone (#B6C6D6): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#92A7BF): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00698F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#14212A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Worn Courtyard color palette (#E8EDF8, #BFC3D5, #A0A3B9, #5253AE, #171E32)
- Timeworn Abyss color palette (#E5ECEF, #B2BAC3, #828DAD, #004C61, #10222B)
- Wandering Petrol color palette (#F0F7F4, #C7DFE2, #C9B2CA, #00688E, #00110A)
- Worn Sapphire color palette (#EFF6FF, #D5DEF0, #B5BDD6, #3B6EE4, #293344)
- Jade Dune color palette (#D2E9E8, #3CA882, #00715E, #00504F, #002116)
- Ancient Navy color palette (#E3E6EF, #A0A3B6, #8383A0, #433486, #050719)
- Weathered Pewter color palette (#E0E6F5, #9490C1, #83639F, #713D46, #480A08)
- Inked Ultramarine Delta color palette (#D4E5FA, #005BC2, #182045, #1F1214, #00091B)
Browse the whole catalog at Explore, or see today's palette.