Mustard Coast color palette — #EFD6E5 · #C4BC59 · #AC6345 · #6A3A26 · #14060F

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

The five colors

• Shell Pink (#EFD6E5): A whisper-light, dusty pink — the color of peonies in June.
• Gold (#C4BC59): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#AC6345): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#6A3A26): A full-bodied, dusty orange — the color of toasted spice.
• Ink (#14060F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark, muted.

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

• Worn Amber color palette (#FCE8F1, #D9CA7A, #B87643, #754B2B, #1F1118)
• Mustard Drift color palette (#D2E3D5, #DCB252, #97721F, #5E4400, #001003)
• Powdered Mint color palette (#E1DBE9, #93CA7C, #A55D8A, #663654, #10051A)
• Marigold Corridor color palette (#EADBD0, #C79E43, #853E00, #431C00, #140801)
• Tempered Cocoa color palette (#FFF0F7, #D8B66F, #7F3B00, #2B0F00, #040002)
• Tempered Amber color palette (#D5F2E1, #C48900, #665800, #2F2800, #020200)
• Sand Cabin color palette (#EBF9EE, #EBD29E, #A89263, #4C6C53, #1A251D)
• Tempered Meadow color palette (#CAE6E1, #C16F2A, #165801, #031B00, #000202)

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