Muted Pier color palette — #EAF4F6 · #D0D6E1 · #A8BACA · #1C736B · #162326

A conversation between Teal and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EAF4F6): a clean, paper-quiet neutral.
• Silver (#D0D6E1): a clean, paper-quiet neutral.
• Ash (#A8BACA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#1C736B): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#162326): a grounded near-black with real depth.

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

Use it as a design system

One click turns Muted 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

• Worn Cypress color palette (#F1F7EF, #CCDDDC, #BCAEBB, #157368, #353D33)
• Dusty Petrol color palette (#ECF2FC, #DDD3E9, #BFBBD5, #4869AA, #1C2533)
• Worn Drift color palette (#F1F7F1, #CFE0DC, #A1BEC7, #369B9A, #283127)
• Twilit Petrol color palette (#CBE4F1, #007185, #0C2642, #010E16, #000304)
• Hushed Denim color palette (#E4E9F3, #C8CADE, #A69FB9, #445089, #111620)
• Turquoise Ridge color palette (#D3F4F0, #73B0CA, #637094, #643F4B, #3D222B)
• Softworn Abyss color palette (#DAE5E8, #A4B6C2, #7990AA, #004E4F, #020D11)
• Antique Pine color palette (#E6F7EA, #9CA765, #40733D, #294C54, #032219)

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