Mustard Basin color palette — #F9F5E9 · #BAB166 · #635400 · #2F2B20 · #120F0A

A conversation between Gold and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5E9): a clean, paper-quiet neutral.
• Gold (#BAB166): A luminous, balanced green — the color of fresh herbs.
• Coffee (#635400): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2F2B20): a grounded near-black with real depth.
• Ink (#120F0A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Teal Harbor color palette (#EFF9E5, #41B590, #3B4C35, #1A2112, #050602)
• Moss Pier color palette (#FBF7D0, #7DA100, #2C4323, #191600, #020200)
• Hushed Bronze color palette (#E7F6EE, #887F34, #2A423A, #1E2C25, #101716)
• Charred Forest Ridge color palette (#DDE4CF, #007244, #2D343A, #001710, #010100)
• Antique Station color palette (#F4F8E4, #A5DCA5, #73CADA, #BD9C67, #383932)
• Olive Thicket color palette (#E7E8C9, #468A00, #232804, #081111, #040400)
• Weathered Bronze Basin color palette (#F6F6EA, #BCE2D6, #ABB38D, #A2803D, #484A00)
• Softworn Jade color palette (#F5F7E8, #CEF2C4, #96D5FC, #7BA86E, #235042)

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