Soft Mustard color palette — #E1FEE9 · #E3B92A · #48C7DD · #CA8DC3 · #283E2F

A conversation between Saffron and Cyan, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E1FEE9): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E3B92A): A luminous, balanced green — the color of fresh herbs.
• Cyan (#48C7DD): A luminous, balanced blue — the color of deep harbor water.
• Mauve (#CA8DC3): A luminous, balanced pink — the color of neon signs at night.
• Forest (#283E2F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged light.

Use it as a design system

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

• Chalky Lime Meadow color palette (#D9FFF3, #AECC64, #78BCF0, #D78C9F, #213F36)
• Pale Apricot color palette (#FFF1F6, #FFA65C, #33CFB6, #AC99D6, #48303A)
• Patina Boulevard color palette (#FFF4E1, #D8B66A, #7FAAF4, #868ACE, #38280A)
• Dusty Sand Terrace color palette (#EAFAEC, #DFD195, #C4A876, #A37B8A, #2D433A)
• Mint Garden color palette (#BEEFF2, #00CC9B, #A197F0, #C8825E, #0A3234)
• Peony Pier color palette (#E2E5CD, #A6AE00, #00A9E5, #E83F98, #242700)
• Feathered Lime color palette (#CCF9CE, #00D947, #83A8FF, #EC7067, #1A381D)
• Washed Chartreuse color palette (#F2D4EC, #A1D7FF, #BAD700, #4B685E, #1D2B26)

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