Muted Petrol color palette — #EBF9F7 · #BDD9E9 · #54A0C2 · #007A87 · #043F5D

Built around Teal, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF9F7): bright and airy, almost weightless.
• Powder Blue (#BDD9E9): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#54A0C2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#043F5D): 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

• Antique Cobalt Grove color palette (#EEF7F7, #D6DBF8, #7FA8DA, #1085B2, #34476B)
• Tempered Cypress color palette (#D8E9E5, #60B1B1, #00747D, #004B42, #00181C)
• Wandering Hollow color palette (#E5F2EF, #92D2CE, #00999E, #006E5D, #00353B)
• Cobalt Chapel color palette (#FDF1F8, #A3CBE2, #367EB4, #006059, #2A395D)
• Antique Cobalt color palette (#D5E8E7, #8BB8D2, #007CBB, #00566A, #00203E)
• Frosted Lantern color palette (#DCE4FE, #9286E5, #CC5D8F, #0084A4, #2A2549)
• Washed Sky color palette (#FCF3ED, #B1EBFF, #6BBAF6, #489C93, #4B3048)
• Tempered Iris color palette (#F3F4FF, #F9D1E6, #E6ADDE, #8177CC, #3B3B59)

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