Muted Petrol color palette — #F5F1EA · #C5E5E5 · #7CA1C2 · #32767F · #422F40
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Silver (#C5E5E5): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#7CA1C2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#32767F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#422F40): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Wandering Ash color palette (#F5F1EA, #C7E3E1, #77A895, #567456, #1E3D36)
- Hushed Cypress Canyon color palette (#FAF3F6, #D8DEF0, #7E9AC7, #1F7F73, #49516E)
- Weathered Station color palette (#ECF5E6, #82C2B0, #C5879B, #33816F, #492521)
- Tempered Petrol color palette (#F1E8D9, #78C1C9, #007790, #004C41, #001926)
- Antique Coast color palette (#E6DED3, #7AA892, #005E8E, #00393C, #000A1F)
- Navy Studio color palette (#E8DFD0, #6A8EB0, #133FA1, #002A36, #03001B)
- Antique Lagoon Summit color palette (#FAF4EF, #C3E0EF, #C2BDEA, #5FA095, #5F4453)
- Timeworn Corridor color palette (#F8F1E6, #8EE1DE, #0094A3, #00654B, #002A36)
Browse the whole catalog at Explore, or see today's palette.