Hushed Pier color palette — #FFF0F8 · #C2B9F5 · #CDB289 · #89A37B · #4A3740
Built around Lavender, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#C2B9F5): A luminous, balanced violet — the color of a velvet chair.
- Sand (#CDB289): A luminous, dusty gold — the color of old brass.
- Moss (#89A37B): A luminous, dusty green — the color of fresh herbs.
- Charcoal (#4A3740): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Hushed 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 Harbor color palette (#FFF1F2, #E9ADD6, #A3C28E, #6BA6A5, #4D3637)
- Weathered Powder color palette (#E7FAF4, #97C9F1, #DEA79D, #A59A6B, #2A433C)
- Timeworn Ridge color palette (#FFF1F6, #C6ABE6, #BAA063, #5C9478, #243C35)
- Patina Courtyard color palette (#FBF2F4, #E2D8D3, #B7B2A5, #648A97, #585052)
- Hushed Fuchsia Lagoon color palette (#FFE8EA, #E387D0, #8EAC60, #00978D, #3B1B1F)
- Chalky Emerald color palette (#FFF1F5, #E3B0FF, #A19500, #00A26D, #372043)
- Hushed Garnet color palette (#FFF1F5, #FACBF2, #DBA1BF, #BD7B85, #6E2F2A)
- Frosted Coral color palette (#FFDCD0, #FF6B75, #00B08F, #0087A9, #3F060E)
Browse the whole catalog at Explore, or see today's palette.