Mustard Studio color palette — #FFF1F3 · #AEB661 · #694165 · #452227 · #241915

Sage takes the lead with Charcoal Brown close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Sage (#AEB661): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#694165): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#452227): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#241915): a grounded near-black with real depth.

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

Use it as a design system

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

• Softworn Veranda color palette (#FFF2EF, #C7C38B, #834B54, #4B312A, #2A231D)
• Feathered Pier color palette (#FFF2EC, #BBA100, #831E00, #490F02, #29150A)
• Ash Study color palette (#F8F3FD, #E8D3A6, #BB809F, #80536B, #261D2E)
• Garnet Boulevard color palette (#FFDBD6, #9B9800, #6F003A, #37001A, #220404)
• Softworn Cabin color palette (#F1D9C8, #A78A00, #592300, #290C00, #0A0500)
• Gentle Blush color palette (#FFF1F0, #F087B8, #8E6700, #8F4066, #2A2317)
• Washed Delta color palette (#FCF3F0, #DFDAD0, #C2C1AE, #906A5E, #4E4643)
• Coral Veranda color palette (#FFF4DD, #E36D78, #87622C, #195374, #433B38)

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