Muted Petrol color palette — #FBF4EC · #ACE1D3 · #7F93CC · #007A8A · #502E40

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Mint (#ACE1D3): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7F93CC): A luminous, balanced violet — the color of wild irises.
• Teal (#007A8A): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#502E40): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, 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

• Washed Loft color palette (#FFF2EB, #BDDDCA, #4F9DD3, #007D71, #273A5E)
• Denim Terrace color palette (#EEF7F7, #B1C8DE, #547AAC, #005A7D, #263960)
• Petrol Lagoon color palette (#F6EAE2, #66ADC4, #006CA6, #004B44, #010B3F)
• Worn Stone color palette (#FAF4EE, #C5E0F0, #C7A5C2, #6D9075, #634A58)
• Soft Orchard color palette (#F0F0DD, #9FC96C, #B977CA, #4B7000, #46264F)
• Teal Veranda color palette (#FCE9DF, #49A3A1, #006374, #003E23, #000B14)
• Misty Plum Pier color palette (#E5E9C1, #69A85A, #A76DC4, #B04874, #2C2E05)
• Muted Bronze color palette (#F6E4D5, #C5AA7B, #A97245, #804A3F, #33302A)

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