Muted Petrol color palette — #CDF3F6 · #007489 · #004A6A · #001432 · #01000B
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDF3F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007489): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004A6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001432): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Washed Navy Courtyard color palette (#D4EEF4, #007EAB, #003B8C, #0B003F, #020007)
- Inked Denim Meadow color palette (#C0E9F9, #005570, #002D43, #001426, #000206)
- Softworn Lagoon color palette (#D8E5D9, #008B69, #004946, #001A1E, #000103)
- Softworn Petrol Workshop color palette (#CCE4FB, #0070B0, #794700, #002E4C, #020100)
- Hushed Wisteria Drift color palette (#CCE3F9, #A8ACE8, #BC76BB, #004652, #00000B)
- Linen Grove color palette (#DBE8FF, #164DAF, #6F3300, #402F00, #000107)
- Nocturne Aubergine color palette (#CBE4FF, #3F5FCD, #3900A5, #280044, #030003)
- Midnight Olive Corridor color palette (#D4E3DB, #677C39, #443D00, #1C0F00, #000200)
Browse the whole catalog at Explore, or see today's palette.