Muted Pier color palette — #D8E6FF · #2E4AC6 · #514B00 · #0E0085 · #030300

Cobalt and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D8E6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Cobalt (#2E4AC6): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#514B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#0E0085): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.

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

• Gentle Grape color palette (#DDDEF0, #782BAF, #365400, #3D0060, #010300)
• Pale Alley color palette (#FDE0F4, #646DE9, #7E6300, #2D00AB, #020100)
• Denim Archive color palette (#E1F2FF, #00628C, #654000, #002E44, #050200)
• Deep Delta color palette (#E4E2FF, #5000BA, #4A3D00, #202E08, #010008)
• Powdered Hollow color palette (#E4E8FA, #8C64FA, #7F7300, #5700BD, #1A1600)
• Softworn Grape Canyon color palette (#D7E8D9, #707500, #6800CF, #150416, #01000A)
• Airy Terrace color palette (#DEE4F8, #C589CF, #B64657, #004151, #06001C)
• Aubergine Harbor color palette (#E5E4FF, #6456CE, #3F008A, #170039, #010009)

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