Mustard Coast color palette — #F0F8ED · #BACF7A · #078377 · #364830 · #1B2518

Pistachio and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Pistachio (#BACF7A): A luminous, balanced green — the color of new leaves after rain.
• Teal (#078377): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#364830): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1B2518): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Oat color palette (#ECF9F1, #B7DEAD, #47879C, #385445, #242E28)
• Stone Drift color palette (#EFF8F0, #C5AB76, #005D61, #1A351F, #0E1F1B)
• Ancient Bloom color palette (#EAF8FD, #EAD2A1, #51A4A8, #077176, #12252B)
• Misty Lime Study color palette (#D5EBDA, #75C400, #006772, #00353B, #001506)
• Petrol Summit color palette (#EDF9F1, #FFDAE3, #338197, #003F4E, #07120C)
• Sunlit Dune color palette (#E7FBED, #00B2CA, #9282CA, #5D7940, #25382B)
• Patina Mint color palette (#E3FBF5, #11DD80, #006CB5, #073D66, #00211A)
• Aged Pine color palette (#D1E4DC, #008D2D, #003045, #151F23, #00070D)

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