Worn Shell color palette — #FEF1F9 · #FFB197 · #97B57B · #5990A3 · #413F58

Melon and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Melon (#FFB197): A whisper-light, balanced orange — the color of autumn markets.
• Sage (#97B57B): A luminous, balanced green — the color of new leaves after rain.
• Storm Blue (#5990A3): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#413F58): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn Shell 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

• Muted Mallow Terrace color palette (#F9F2FF, #FFA9D0, #C5A469, #5B9196, #30435D)
• Weathered Honey color palette (#EEF8F0, #E8C269, #68BBA8, #7288AB, #4D3A55)
• Tempered Shell color palette (#FFF2EE, #FFB5B7, #80A675, #546B92, #2A3758)
• Patina Basin color palette (#FDF1FB, #F39289, #4B9AA0, #3E708A, #25465D)
• Wandering Balcony color palette (#FEECF4, #F3A06B, #6E8170, #5D5056, #252023)
• Bone Workshop color palette (#FFF0FA, #CCE4CB, #ADCBBB, #8AA3B1, #47515D)
• Hushed Mustard color palette (#FFEDF5, #FFCC9A, #DAB26D, #A29363, #365647)
• Misty Cabin color palette (#FFF1F6, #FD9D3E, #20B73A, #0081A8, #44175A)

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