Mustard Coast color palette — #FFF0F8 · #E4B46F · #9F843C · #686935 · #33534B

Sand and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sand (#E4B46F): A luminous, balanced gold — the color of old brass.
• Caramel (#9F843C): A luminous, balanced gold — the color of old brass.
• Olive (#686935): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#33534B): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Muted Taupe color palette (#FFF2EB, #F4C097, #B99D5E, #707D47, #4C4C45)
• Hushed Iris color palette (#ECF9F0, #C1B069, #8A93D2, #807239, #434D64)
• Dusty Driftwood Parlor color palette (#FFD8F1, #D9A77D, #9C8A4A, #585B1E, #133C37)
• Patina Apricot Station color palette (#FDF0FF, #F99C93, #B46C50, #7E593B, #3B523E)
• Lime Bloom color palette (#DCFFE9, #A9C06E, #619054, #407257, #2E585B)
• Soft Marigold color palette (#F4E4CD, #C09900, #7B7B00, #2F5C00, #004A24)
• Ancient Moss color palette (#E4FCEE, #A99931, #7A86BB, #84658B, #33483D)
• Dusty Powder color palette (#E8FAF0, #C0E9EF, #A3CCE5, #A98291, #41554C)

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