Muted Petrol color palette — #CAEFFA · #45A5CD · #0071A7 · #003D6E · #00143F
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CAEFFA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#45A5CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0071A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003D6E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00143F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Navy Meadow color palette (#D5E9F6, #5B9DDA, #2A66C4, #183093, #10004B)
- Wandering Teal Meadow color palette (#CDEDEA, #00AFB1, #007985, #004755, #001924)
- Patina Cobalt color palette (#DBECF5, #0080C0, #00467C, #001B5B, #02001D)
- Powdered Sky color palette (#CAE8F1, #00BEF3, #0D8DCB, #1C5F9A, #002865)
- Dusty Denim color palette (#CDF1F1, #0096C7, #125CA2, #57195D, #031A2A)
- Patina Aubergine Boulevard color palette (#84FFEE, #00B3CD, #0071A5, #1E3B7E, #331769)
- Patina Ash color palette (#C9E2F9, #88A3D1, #656A98, #584B66, #302235)
- Chalky Ultramarine color palette (#D6FFF8, #6EDEF1, #009AE0, #1F4EAE, #290762)
Browse the whole catalog at Explore, or see today's palette.