Mustard Pier color palette — #F0F7F4 · #BDEAD6 · #A1B5F0 · #AEB340 · #262E3C

Gold and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Mint (#BDEAD6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#A1B5F0): A luminous, balanced violet — the color of a velvet chair.
• Gold (#AEB340): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#262E3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, light, muted.

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

• Mint Atelier color palette (#EFF7F7, #B9ECD1, #B7ACF3, #59C292, #2A2D3B)
• Worn Meadow color palette (#F1F7F2, #C6E8CC, #60CCC5, #CFA441, #1B3237)
• Quiet Clover Station color palette (#E8FAF6, #9AE681, #8F9EFF, #49B700, #121C34)
• Amber Field color palette (#EBF9F4, #BFCF9E, #73B4CE, #BA705C, #1C4C40)
• Ancient Moss Veranda color palette (#F5F6EF, #BEDBB3, #3EAEB0, #6B9C56, #263127)
• Frosted Emerald Chapel color palette (#EBF9F8, #A1DAB1, #D59CF3, #009C53, #18142C)
• Tempered Loft color palette (#EFF7F6, #D5DBE0, #98C1A0, #BCAFB2, #4B5554)
• Airy Cerulean color palette (#DBFFEE, #B1EAE6, #74C8BD, #12A0B7, #0D4677)

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