Shell Ridge color palette — #FCF2F8 · #FFB89F · #AE9761 · #587448 · #3F324D

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Melon (#FFB89F): A whisper-light, balanced orange — the color of autumn markets.
• Moss (#AE9761): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#587448): A full-bodied, dusty green — the color of new leaves after rain.
• Navy (#3F324D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Shell Ridge 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 Mallow Meadow color palette (#F9F2FE, #FFB0D4, #C88871, #7B6939, #333552)
• Hushed Honey color palette (#EBF9EE, #EAC77A, #80A770, #357872, #492E40)
• Shell Field color palette (#FBF2F9, #FBB1AC, #ABAE7D, #419698, #364162)
• Ancient Pewter color palette (#FAEFEB, #C08D89, #727642, #00575C, #3C1A2D)
• Apricot Basin color palette (#FFF0F8, #E8DDC6, #DDA772, #93754F, #405842)
• Denim Coast color palette (#F6F3FE, #B189AB, #90672C, #005A84, #473B5E)
• Misty Amber color palette (#E6FDE5, #C48200, #5A6D00, #004332, #210004)
• Weathered Terrace color palette (#FFF0FA, #FF8860, #644C58, #32272E, #130E12)

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