Shell Pier color palette — #FFEEE5 · #FFB2A1 · #B87464 · #683C30 · #341908
A conversation between Melon and Caramel, giving this palette its sense of warmth and comfort.
The five colors
- Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Melon (#FFB2A1): A whisper-light, balanced orange — the color of sun-warmed clay.
- Caramel (#B87464): A luminous, balanced orange — the color of sun-warmed clay.
- Cocoa (#683C30): A full-bodied, dusty orange — the color of autumn markets.
- Onyx (#341908): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.
Use it as a design system
One click turns Shell Pier 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
- Timeworn Driftwood color palette (#FFF0FA, #ECB9A8, #AD6F5F, #743F36, #562E24)
- Tempered Coast color palette (#FFEDEC, #FFB8D6, #B37491, #6C4055, #2F1111)
- Sand Study color palette (#FFEFD9, #EBCD87, #9A7E43, #614C22, #281800)
- Taupe Lantern color palette (#FFF0FA, #FFC9B8, #CD9281, #8C5548, #552D20)
- Worn Bronze Terrace color palette (#EFE7D5, #9F7D00, #584300, #221800, #020100)
- Worn Amber color palette (#FFECD6, #D28700, #794A00, #392200, #0C0400)
- Aged Apricot color palette (#FFEEE1, #FF8B27, #A45200, #552C00, #1A0A00)
- Hushed Alley color palette (#FAF0E5, #BF8842, #528D9C, #595983, #2A2116)
Browse the whole catalog at Explore, or see today's palette.