Muted Petrol color palette — #E4FBF8 · #6EC6DB · #007A97 · #005559 · #00384D

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

The five colors

• Ivory (#E4FBF8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#6EC6DB): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#00384D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Cobalt color palette (#E7FAF9, #82BFEF, #006FC5, #00526D, #082F6B)
• Dusty Aqua Coast color palette (#FCEDF7, #00D1F1, #007BAC, #005346, #00183D)
• Worn Denim Cabin color palette (#DFEEEC, #65AAC0, #00607F, #003D44, #002235)
• Dusty Azure color palette (#FFF2EB, #6DDDF4, #0097D2, #007462, #0C3262)
• Timeworn Cerulean Grove color palette (#DBE8E7, #4388B0, #004067, #00212B, #00091A)
• Feathered Garden color palette (#FFF0FA, #8DEAFE, #41B4FE, #009C71, #1D2B6B)
• Pale Villa color palette (#EDECFC, #7636FF, #B4006B, #005C73, #24194B)
• Fuchsia Market color palette (#F2F5FF, #E4C8FF, #D668E4, #5451BA, #42335B)

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