Muted Petrol color palette — #E7F1F0 · #81BAD6 · #0070A2 · #004E5C · #0C304C

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F1F0): bright and airy, almost weightless.
• Sky (#81BAD6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#0C304C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Petrol Ridge color palette (#F5E3EC, #80BDD9, #296EAF, #004B4A, #0C1135)
• Muted Cobalt Dune color palette (#F9ECE2, #88CFF0, #4C8AC8, #006C69, #222B50)
• Patina Teal color palette (#E1EDEA, #5FAEAA, #006468, #003F35, #002429)
• Muted Cerulean color palette (#E9F9F6, #99DCDD, #00909D, #00675E, #004855)
• Worn Azure color palette (#EFF7F7, #D6DCED, #669FCD, #37788D, #455464)
• Softworn Dune color palette (#F7EAF1, #AFDAF6, #7AA6E5, #009382, #2B2653)
• Navy Drift color palette (#CFE4E4, #5D84A8, #003B77, #00202F, #00032A)
• Nightshade Hollow color palette (#D3DDFC, #7869DF, #007A76, #462DA1, #00302E)

Browse the whole catalog at Explore, or see today's palette.