Mustard Coast color palette — #F8F6E7 · #AAB760 · #475E1C · #2E2B20 · #130F08

Built around Sage, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F6E7): a clean, paper-quiet neutral.
• Sage (#AAB760): A luminous, balanced green — the color of fresh herbs.
• Olive (#475E1C): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2E2B20): quiet, heavy and certain.
• Ink (#130F08): 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 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

• Aged Mint Delta color palette (#F1F9E7, #6DC29D, #49594E, #282D20, #101009)
• Timeworn Corridor color palette (#E9F5F0, #B1BF7D, #6A817E, #465A52, #1C241F)
• Moss Drift color palette (#F1EEDE, #7D8C2F, #3B3F00, #211E10, #0F0C07)
• Timeworn Emerald Market color palette (#F0FADF, #00A36A, #243B2B, #0D1104, #010100)
• Obsidian Cypress color palette (#E8F0E0, #007158, #2F383D, #00161C, #010200)
• Spruce Archive color palette (#EFF9E4, #99DCC1, #D8A9D0, #C28EBA, #2A4100)
• Lagoon Drift color palette (#D3FADA, #008F99, #253135, #002C53, #000A0B)
• Dusty Fern color palette (#F6F6EC, #B8E3E1, #95B99C, #997E7B, #35500F)

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