Mustard Pier color palette — #CDEAF3 · #47EBA3 · #CCC400 · #204737 · #1B2B24

Saffron and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CDEAF3): A whisper-light, dusty blue — the color of deep harbor water.
• Lagoon (#47EBA3): A whisper-light, vivid teal — the color of shallow lagoons.
• Saffron (#CCC400): A luminous, vivid green — the color of a quiet forest floor.
• Forest (#204737): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1B2B24): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Mustard 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

• Worn Lime Thicket color palette (#F2E1D5, #00E6EF, #8DD645, #13473E, #172A26)
• Washed Atelier color palette (#F6D8CC, #00CDB2, #A9AD00, #333500, #001910)
• Chartreuse Hollow color palette (#F3D7E4, #AFDC75, #FFA65E, #593747, #36252C)
• Dusty Jade color palette (#C8FFF7, #94CEA4, #37A57C, #007862, #00443E)
• Muted Moss Field color palette (#F0F7F4, #BBCD95, #3FA482, #728D07, #11282A)
• Weathered Chartreuse Workshop color palette (#E9F1FD, #BCFFE7, #D3ED00, #37352E, #1A180E)
• Patina Marigold color palette (#EADEF6, #7CCFFF, #F19C0D, #2D4840, #283027)
• Washed Bronze color palette (#EEF8F1, #D5C395, #83702B, #4D4216, #16261C)

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