Mustard Pier color palette — #FEDDD6 · #6BE6BB · #C9C033 · #1A372A · #121E18

Built around Gold, softened by Lagoon — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FEDDD6): A whisper-light, dusty orange — the color of autumn markets.
• Lagoon (#6BE6BB): A whisper-light, balanced teal — the color of sea glass.
• Gold (#C9C033): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#1A372A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#121E18): A deep, shadowed, dusty teal — the color of sea glass.

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

• Marigold Courtyard color palette (#C0E9E3, #A3DF8D, #F3AB41, #233523, #151A15)
• Airy Chartreuse color palette (#BEEDFF, #6EF5BD, #CDD600, #4A4841, #33322C)
• Hazy Archive color palette (#F7E6CC, #69DDFF, #43DA90, #063535, #101F1F)
• Worn Chestnut color palette (#ECF4EF, #AACEB4, #6B622B, #143928, #0C1711)
• Pale Moss color palette (#F2DDD1, #00CABD, #8DB000, #1B2400, #000D09)
• Lagoon Station color palette (#D2FCF9, #A1D1B8, #4B9C87, #006257, #003130)
• Olive Veranda color palette (#ECF4F2, #9ECFC2, #4E9374, #5E7D31, #021A1B)
• Teal Harbor color palette (#E0DAF7, #7CC2FF, #00C7AB, #002F34, #031518)

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