Muted Petrol color palette — #CDE5FB · #006EAB · #683900 · #362E00 · #121E03
Built around Peacock, softened by Bronze — the whole palette hums with nature and growth.
The five colors
- Frost (#CDE5FB): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006EAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#683900): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#362E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#121E03): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Hushed Denim color palette (#E4F1FF, #005B96, #552900, #042701, #00110B)
- Aged Veranda color palette (#CAE6F4, #00758A, #87001C, #392C00, #161D01)
- Aged Cobalt color palette (#E9F3FF, #1678D3, #704B00, #3C3E00, #012E13)
- Tempered Lapis Drift color palette (#D8E1F6, #5643EC, #594200, #003822, #001F1E)
- Inked Nightshade Villa color palette (#DBE7F8, #0036B9, #412100, #001911, #000506)
- Tempered Quarry color palette (#D6E2F5, #577DF0, #893D9C, #7F002D, #002330)
- Hushed Fern Alley color palette (#DAF1F8, #8E98C8, #815369, #425021, #173D25)
- Ultramarine Bloom color palette (#E8F0FF, #3231D4, #423336, #1B1433, #030817)
Browse the whole catalog at Explore, or see today's palette.