Muted Pier color palette — #D3F1AB · #BAD1FF · #00D6EC · #364559 · #233237

Aqua and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D3F1AB): A whisper-light, balanced green — the color of a quiet forest floor.
• Lilac Frost (#BAD1FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Aqua (#00D6EC): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#364559): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#233237): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant, 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

• Dusty Canyon color palette (#B8FAA6, #C7DEFF, #58EBFE, #5D6F61, #2F3430)
• Patina Mallow color palette (#93FCDF, #EFBAFF, #89C3FF, #3F415B, #2B3137)
• Mint Hollow color palette (#E6E0FF, #AAD6FF, #00DCC2, #31495A, #293537)
• Petrol Courtyard color palette (#EFF6FB, #90CAE2, #5A7EB7, #007899, #252F3B)
• Aged Ridge color palette (#FFDEC0, #FFC3E4, #00ECBE, #45503B, #2E322A)
• Misty Meadow color palette (#FDE4ED, #D79FFF, #3AB2FD, #283157, #162532)
• Denim Archive color palette (#EEF6FF, #A5C0E8, #6F7FB7, #5250A1, #4B387E)
• Wisteria Harbor color palette (#D2EEDF, #B588FF, #009DE0, #1C2540, #0B161F)

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