Shell Garden color palette — #EEF1FF · #F6CBFF · #FFA79D · #30779E · #301F40

Melon and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Thistle (#F6CBFF): A whisper-light, balanced pink — the color of neon signs at night.
• Melon (#FFA79D): A luminous, balanced orange — the color of toasted spice.
• Slate (#30779E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#301F40): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light, muted.

Use it as a design system

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

• Ancient Harbor color palette (#F0F0FF, #F8D2CA, #F2A458, #4B6DB1, #2E1F3D)
• Timeworn Coral color palette (#EBE9FF, #F0AADD, #E28873, #315F88, #16142A)
• Ancient Pier color palette (#E1F6FF, #DCD4EA, #ED93CA, #228D7E, #192E47)
• Washed Grove color palette (#F3F4FF, #EED4E1, #DF99D4, #776DB0, #4B365A)
• Chalky Mustard color palette (#FFEBF9, #FFC8BE, #C6A400, #704D9A, #370613)
• Dusty Navy color palette (#E3E3FA, #E58EA5, #BD7947, #2E4686, #20021C)
• Iris Veranda color palette (#FFF0F7, #E9D7DF, #BFB4AC, #8696DD, #52303D)
• Magenta Cabin color palette (#F3EFFF, #C32ABD, #007E5B, #00573D, #170D29)

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