Muted Navy Pier color palette — #D3ECEB · #00784A · #0046A5 · #5C001D · #010900
Indigo and Mulberry set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D3ECEB): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#00784A): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#0046A5): A full-bodied, vivid blue — the color of open sky before noon.
- Mulberry (#5C001D): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#010900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Muted Navy 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 Ultramarine color palette (#DAF6EF, #4B8700, #004BB0, #65000B, #191000)
- Muted Nightshade Hollow color palette (#DAF1FD, #007893, #2D3CB2, #5D001C, #020800)
- Garnet Meadow color palette (#DCF4F6, #00745C, #005676, #5F0043, #090700)
- Aubergine Balcony color palette (#CAE7E3, #178B2E, #4B02AC, #572200, #000B01)
- Hazy Nightshade Market color palette (#F5F8E2, #1F7E0A, #4000CF, #470011, #000200)
- Misty Emerald color palette (#F4E5EF, #009860, #006375, #6C0028, #001B17)
- Dusty Ultramarine Field color palette (#DEF1FF, #0084AE, #2F48D7, #850023, #051B00)
- Hushed Cypress Pier color palette (#D5EFF4, #007069, #464047, #002935, #000C0F)
Browse the whole catalog at Explore, or see today's palette.