Mustard Coast color palette — #A6F4FF · #80EBAF · #D9BD37 · #4B4D46 · #393731

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

The five colors

• Sea Foam (#A6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lagoon (#80EBAF): A whisper-light, balanced teal — the color of shallow lagoons.
• Saffron (#D9BD37): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4B4D46): a grounded near-black with real depth.
• Charcoal (#393731): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Mustard color palette (#FFDBD6, #8BE9A5, #DCBB48, #494B43, #383329)
• Dusty Sunflower Parlor color palette (#A3FCC6, #D7D771, #FFA478, #46433C, #342C27)
• Muted Chapel color palette (#D5E6FF, #57E6FF, #7AD87A, #3A483A, #2E2F28)
• Antique Lime color palette (#CEF0FF, #00DAA6, #A3B400, #30332C, #232011)
• Wandering Veranda color palette (#FFD9E0, #BFEF7F, #FFC981, #576856, #333933)
• Aged Sand color palette (#F1E9FF, #ADDFFF, #FFB98B, #624854, #3B2E34)
• Apricot Cabin color palette (#D7E2F9, #5CE3E2, #FFA256, #3D2814, #1F1812)
• Softworn Courtyard color palette (#FAF4EE, #D6BC96, #7E5412, #3C3832, #26251D)

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