Muted Petrol color palette — #FAF3F5 · #DADDEE · #8399C6 · #197C87 · #49516D
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF3F5): bright and airy, almost weightless.
- Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#8399C6): A luminous, dusty violet — the color of wild irises.
- Teal (#197C87): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#49516D): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Timeworn Petrol color palette (#F1F3EC, #C2E4E8, #7C9FC7, #3A738C, #3F303F)
- Washed Delta color palette (#EFF7F7, #D8DBEA, #8DB5E3, #5D8EA6, #455468)
- Ancient Bloom color palette (#F4EBF1, #8FB8CC, #0070A0, #005145, #0E2C59)
- Antique Denim color palette (#EFF6FF, #B5CDF1, #6C84BC, #264D83, #283656)
- Ancient Abyss color palette (#EFE0EA, #568997, #004452, #002413, #000B15)
- Wandering Lagoon color palette (#EEF6FF, #779AC8, #AF7E44, #73772B, #334458)
- Weathered Cobalt color palette (#EDF6FF, #8CB5D5, #B39360, #0C79B5, #604921)
- Wandering Terrace color palette (#FDF1FA, #AAD6E7, #008CB4, #006950, #004272)
Browse the whole catalog at Explore, or see today's palette.