Pine Pier color palette — #EAFAED · #FFCCE1 · #D18E81 · #2E8460 · #49384C
Built around Fern, softened by Camel — the whole palette hums with sophistication.
The five colors
- Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Shell Pink (#FFCCE1): A whisper-light, dusty rose — the color of pressed rose petals.
- Camel (#D18E81): A luminous, balanced orange — the color of sun-warmed clay.
- Fern (#2E8460): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#49384C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Pine 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 Petrol Orchard color palette (#ECF9EE, #FFD1C1, #BA9D6D, #2C7F8C, #4D3842)
- Hushed Olive Loft color palette (#EBFAEE, #D7D9FF, #C78DAF, #72792E, #3F3C53)
- Stone Station color palette (#E4FBF5, #E2C2F6, #E0998F, #5697A7, #4B4456)
- Hushed Blush Parlor color palette (#FFF4E2, #D88DAE, #9C685D, #4D6220, #57423E)
- Wandering Workshop color palette (#FBF2FB, #DE989F, #604E5A, #332534, #110E13)
- Quiet Boulevard color palette (#E0FEE6, #FFA0A9, #C96811, #00675D, #4C0D09)
- Aged Taupe Study color palette (#EBFAED, #FBBC8D, #A29245, #006D8F, #223821)
- Marigold Courtyard color palette (#DEFFE5, #DC9D00, #697D00, #00487F, #1E1800)
Browse the whole catalog at Explore, or see today's palette.