Muted Pier color palette — #F8F0EA · #C7E4D9 · #718EC1 · #006B73 · #282749

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

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Silver (#C7E4D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#718EC1): A luminous, balanced violet — the color of wild irises.
• Teal (#006B73): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#282749): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Wandering Cerulean color palette (#F4F6EE, #C4E5D9, #558FC4, #1E6B86, #534054)
• Wandering Cornflower Cabin color palette (#F8F0EA, #A3D8F6, #3782E0, #006264, #1C1B54)
• Forest Alley color palette (#F9F0EB, #CBE4CC, #479AB2, #00704B, #073429)
• Aged Denim Atelier color palette (#E8DEDA, #6AA8B1, #006180, #003B2D, #000B1C)
• Timeworn Navy color palette (#F0E0D6, #428298, #003F66, #001F1D, #00000D)
• Olive Station color palette (#F4F3E2, #97AD72, #9580C2, #547000, #2C1F43)
• Ancient Periwinkle color palette (#FCF2F6, #D6DDF9, #7DA5E7, #2F898F, #3D4761)
• Petrol Chapel color palette (#FCEFE8, #79CBD0, #007E9D, #00543B, #001C31)

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