Shell Loft color palette — #FFF2EC · #FFB0A0 · #71BBA0 · #618DA7 · #56364B

A conversation between Melon and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#FFB0A0): A whisper-light, balanced orange — the color of autumn markets.
• Mint Leaf (#71BBA0): A luminous, balanced teal — the color of sea glass.
• Storm Blue (#618DA7): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#56364B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Aged Pier color palette (#FFF3E8, #FAB77E, #5CBAC1, #9E7994, #58383F)
• Aged Shell Hollow color palette (#FBF2F8, #FFB8A2, #65A5B3, #337488, #113D55)
• Washed Mallow Delta color palette (#FFF1F1, #F7ADD5, #AEAE69, #5D8EA6, #274A3E)
• Apricot Bloom color palette (#FFF2E9, #FF9A5A, #00B0A0, #4872C6, #2E255F)
• Tempered Mustard color palette (#FFF2EA, #FFCC98, #D6B169, #9E9663, #515048)
• Worn Coast color palette (#FDF1F7, #EC9B67, #968F49, #497458, #4D3A52)
• Oat Delta color palette (#FCF3EF, #C1E2E9, #A6D3BC, #99A887, #33514A)
• Amber Studio color palette (#EFDECF, #E98600, #00969D, #4E58AA, #300B3B)

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