Mustard Coast color palette — #E2FDEE · #C1A700 · #3A99D2 · #417BB1 · #27172A

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

The five colors

• Ivory (#E2FDEE): A whisper-light, dusty teal — the color of sea glass.
• Gold (#C1A700): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#3A99D2): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#417BB1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#27172A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, 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

• Muted Marigold color palette (#FFF1F6, #F09700, #009EBA, #0086A8, #241A31)
• Lime Summit color palette (#E3FCF2, #B0B700, #7E81D8, #686AAF, #271323)
• Airy Studio color palette (#E1F8EC, #C5B400, #00A1D3, #95568D, #42183E)
• Mustard Archive color palette (#FFE7EF, #CDBD3D, #34B07A, #836797, #08392E)
• Mint Workshop color palette (#E6FAF9, #78DA9F, #AF98D1, #9C82AE, #3F2C33)
• Patina Moss Lantern color palette (#DCF6EF, #70B000, #3F6A6C, #2E413C, #080F0B)
• Wandering Lime Atelier color palette (#E1FCF4, #B2CA27, #AF62C6, #A75C76, #2A1523)
• Pale Sapphire color palette (#E1F0E7, #948400, #475BE4, #3B4CA4, #170002)

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