Muted Petrol color palette — #DCF3FF · #0074A3 · #004876 · #00162E · #000106
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCF3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004876): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00162E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Inked Petrol Chapel color palette (#BEECED, #007E88, #00434F, #00141A, #000102)
- Charred Onyx Basin color palette (#BBE8EC, #005D74, #002C46, #00033D, #01000A)
- Worn Navy color palette (#DDF3F5, #0082A5, #005F97, #003393, #050029)
- Antique Forest Villa color palette (#D7F5EB, #0071AF, #006720, #002E4B, #000200)
- Eclipse Navy color palette (#C9E4FF, #0F6ACE, #0030A2, #080058, #01000A)
- Sunlit Aubergine color palette (#CAEFE4, #00598F, #680091, #003B32, #000103)
- Chalky Thicket color palette (#FEE8FC, #9FADE1, #8A72D5, #00406A, #00000C)
- Inked Aubergine Terrace color palette (#DFE4FA, #6459C3, #4B00A4, #160031, #020006)
Browse the whole catalog at Explore, or see today's palette.