Shell Lagoon color palette — #FFF0FB · #FFB7A6 · #8DA36E · #397486 · #373451

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

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#FFB7A6): A whisper-light, balanced orange — the color of toasted spice.
• Moss (#8DA36E): A luminous, dusty green — the color of new leaves after rain.
• Teal (#397486): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#373451): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Hushed Balcony color palette (#EFF8F0, #EBC682, #64AA97, #576B8D, #423149)
• Patina Mallow color palette (#F8F2FE, #FEB0DA, #B59367, #4B765F, #223A52)
• Wandering Cerulean color palette (#FBF1FE, #F1B3C4, #A1B181, #5F8CB2, #403D62)
• Oat Study color palette (#FFF0FA, #E6D7D6, #B2D0BF, #758D99, #44505E)
• Ancient Forest color palette (#FBF4EB, #B6915C, #657942, #006252, #61342E)
• Softworn Corridor color palette (#FFF0F8, #EE9566, #4B594B, #32272D, #130E12)
• Feathered Mustard Corridor color palette (#E8FAF0, #D3BC0E, #009F91, #46598E, #431B2F)
• Soft Amber Drift color palette (#FFF1F5, #CC7D00, #007836, #003E57, #190021)

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