Softworn Mustard color palette — #FFF0F8 · #E5D6D5 · #C6CB6E · #9DA0AB · #5D434D

Honey and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Silver (#E5D6D5): bright and airy, almost weightless.
• Honey (#C6CB6E): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#9DA0AB): soft and architectural.
• Cocoa (#5D434D): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Softworn 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

• Dusty Delta color palette (#FCF2F9, #EFD4DA, #EBCA5D, #AFC3B1, #593848)
• Antique Stone color palette (#EFF8F0, #C6E7D7, #A5BF96, #9F94B0, #3E5349)
• Stone Grove color palette (#FAEEF3, #DEAA84, #6D8174, #614E57, #261F24)
• Aged Marigold color palette (#FFF3E8, #E3DAD2, #C3CE99, #DBA13E, #653900)
• Taupe Station color palette (#FFF0F8, #F8CFA9, #D4B16A, #A29842, #2B574C)
• Hushed Mustard Atelier color palette (#EBF9F1, #DED6A8, #A7C8FF, #BDA929, #384D70)
• Worn Teal color palette (#F9F3F7, #D6D5E5, #B3C0E9, #52B79E, #3F546D)
• Sand Market color palette (#FFEEE3, #F1D2CB, #FFBD90, #A2A66E, #332514)

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