Muted Petrol color palette — #E7F0F5 · #CADAE5 · #A4BAD2 · #008091 · #243035

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

The five colors

• Cream (#E7F0F5): bright and airy, almost weightless.
• Silver (#CADAE5): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A4BAD2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#243035): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Petrol color palette (#D8E5EE, #B7C6D7, #9BA5B9, #006990, #162128)
• Cobalt Terrace color palette (#F0F6FE, #D6DDF3, #B8BAE2, #4E72CD, #293343)
• Dusty Cerulean color palette (#E9F1EA, #C4D7D8, #D6B8BF, #00A5B6, #1F3325)
• Ancient Ash Canyon color palette (#EFF6FC, #DAD9E4, #C4BED0, #7094B2, #404951)
• Antique Periwinkle Summit color palette (#DEF4FC, #83AFE8, #7F78A5, #725566, #26432D)
• Worn Station color palette (#D7EAE3, #78B774, #32835F, #196160, #07302C)
• Hushed Orchard color palette (#CAE6F7, #0094BB, #883D9E, #6A2F00, #022803)
• Tempered Hollow color palette (#E1EDF7, #007AB1, #223254, #021828, #00050A)

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