Muted Petrol Pier color palette — #DFF8F3 · #6BCECE · #00818A · #005249 · #001E24

A conversation between Teal and Aqua, giving this palette its sense of trust and stability.

The five colors

• Ivory (#DFF8F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Aqua (#6BCECE): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005249): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001E24): 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 Pier 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

• Muted Balcony color palette (#FFF2EB, #64CBCB, #007B92, #005937, #003753)
• Wandering Cobalt color palette (#E5F6F5, #7EC4F1, #0077BD, #004E63, #001A39)
• Hazy Cabin color palette (#E1F6FF, #84D9FF, #3DAEFE, #007478, #002029)
• Patina Cerulean color palette (#F6F7E4, #7DDEDC, #009FA8, #007465, #003A42)
• Cerulean Terrace color palette (#D0E5E2, #318498, #004255, #001F21, #000103)
• Aged Denim Corridor color palette (#D3E9E5, #63AAAF, #006470, #003A36, #000D12)
• Muted Quarry color palette (#D3E4E9, #007F94, #5829F9, #006426, #001116)
• Byzantium Cabin color palette (#C0EBF0, #0098A4, #8749D3, #00575E, #1F003D)

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