Muted Petrol color palette — #D1E3E9 · #007EA3 · #004F6C · #00304C · #141434
Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D1E3E9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007EA3): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F6C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00304C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#141434): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Misty Summit color palette (#CCEAF0, #0099BB, #006691, #004273, #001B43)
- Tempered Terrace color palette (#CEE9DF, #008470, #005D56, #003434, #031C27)
- Wandering Cornflower Quarry color palette (#DDEAF9, #0080E5, #004686, #001B3A, #000C1F)
- Antique Fern color palette (#D5ECFE, #0076A5, #206B00, #003E5A, #052200)
- Hushed Iris Study color palette (#CEE3FD, #99B0FF, #897ECD, #00517D, #142241)
- Hushed Aubergine Bloom color palette (#D1E1F6, #0059AC, #7A008F, #004743, #00112A)
- Nightshade Delta color palette (#DCEAF9, #0075E6, #0034BB, #161177, #151345)
- Wandering Villa color palette (#C6ECFF, #4DB5F3, #3085C5, #325985, #3F3E5E)
Browse the whole catalog at Explore, or see today's palette.