Muted Petrol color palette — #DCFDFF · #87C7C2 · #2893A7 · #076B92 · #3B546E
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#DCFDFF): A whisper-light, dusty blue — the color of open sky before noon.
- Mint Leaf (#87C7C2): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#2893A7): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#076B92): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#3B546E): A full-bodied, dusty blue — the color of open sky before noon.
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
- Denim Cabin color palette (#ECF7FF, #ADD4F1, #4885AA, #00567B, #103F56)
- Denim Orchard color palette (#EBF7FF, #8EC2E3, #5980BC, #5A5A9E, #4B4E70)
- Patina Orchard color palette (#D4FAEE, #95C19B, #479E7B, #006E60, #265564)
- Softworn Petrol color palette (#EDF7FE, #7DBAD3, #C4877E, #007EA1, #6B3F3A)
- Muted Glacier color palette (#E4FBD3, #78ECF1, #6DCCDD, #6493B1, #604C60)
- Tempered Lagoon Alley color palette (#EAF8FF, #DADAE5, #E5BBDE, #449792, #3E4F5E)
- Pale Workshop color palette (#CCEAEB, #00B0CF, #0073A5, #004F8D, #293679)
- Chestnut Harbor color palette (#EFF8F0, #A7BEB1, #6D896F, #7D5238, #364D46)
Browse the whole catalog at Explore, or see today's palette.