Muted Pier color palette — #D9FFF3 · #A1E8E3 · #9BC68B · #5B9158 · #255C59
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D9FFF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Sea Foam (#A1E8E3): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#9BC68B): A luminous, balanced green — the color of fresh herbs.
- Fern (#5B9158): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#255C59): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Balance. Tagged light, muted, 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
- Soft Loft color palette (#DEFEEE, #E5EBB4, #A7BB72, #658435, #26564E)
- Aged Courtyard color palette (#DBFDFF, #A7EFFB, #65C7BC, #009794, #2B5967)
- Hazy Mint Alley color palette (#B4FBCF, #40C794, #009370, #005648, #002A25)
- Weathered Pine color palette (#DAFDFC, #BEE2F2, #81C6A0, #307D54, #0C3620)
- Airy Seafoam color palette (#D1FFEC, #6ADEC2, #009E8C, #00706C, #003131)
- Timeworn Bronze color palette (#EEF9EC, #C1E4DC, #9AB898, #9A704C, #314536)
- Tempered Jade Market color palette (#E7FAF7, #CBF2C4, #F9BBA1, #67AE5C, #5A3B4E)
- Timeworn Teal Studio color palette (#CAF5EA, #00A999, #007A76, #003B3E, #000B0D)
Browse the whole catalog at Explore, or see today's palette.