Muted Petrol color palette — #CDE6DE · #0071AC · #854400 · #003A5B · #110500
A conversation between Slate and Bronze, giving this palette its sense of trust and stability.
The five colors
- Silver (#CDE6DE): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#854400): A full-bodied, balanced gold — the color of honey in a jar.
- Navy (#003A5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#110500): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, 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
- Feathered Cabin color palette (#D3ECDA, #007988, #A11B18, #003E46, #180000)
- Tempered Studio color palette (#E3EFFF, #266CC2, #913C00, #003774, #300F00)
- Sapphire Orchard color palette (#F9DEF7, #2264D1, #705300, #00307A, #0C0700)
- Linen Azure Drift color palette (#D0E2F3, #289FE9, #945100, #005887, #2B1400)
- Chalky Atelier color palette (#DAECFF, #005A9B, #8F0039, #2C4400, #00040B)
- Gentle Summit color palette (#F9DDEB, #6D53C3, #545F00, #3D008D, #070900)
- Weathered Lilac color palette (#E2EFFF, #A1B1ED, #9C80BF, #005671, #000A27)
- Soft Nightshade Meadow color palette (#F3D9EB, #6772FF, #8A6E00, #370ED1, #1D1500)
Browse the whole catalog at Explore, or see today's palette.