Weathered Pier color palette — #FFF1F4 · #CCA8D8 · #75B872 · #A55FBA · #2D4B2B
Built around Amethyst, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Mauve (#CCA8D8): A luminous, dusty pink — the color of neon signs at night.
- Jade (#75B872): A luminous, balanced green — the color of a quiet forest floor.
- Amethyst (#A55FBA): A luminous, balanced pink — the color of a candy shop window.
- Deep Olive (#2D4B2B): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Weathered 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
- Gentle Courtyard color palette (#FFF1F1, #E69FC0, #28BEA0, #BD588C, #044E40)
- Powdered Indigo Lantern color palette (#FFF0F8, #B2B0E9, #AEA94B, #7A6CDE, #47440F)
- Frosted Quarry color palette (#F5F4FF, #F0C0FF, #98CC80, #A574B4, #28401D)
- Moss Lagoon color palette (#FFF1F2, #CD84B5, #899200, #91467B, #424618)
- Amber Dune color palette (#FFF1F3, #C291C4, #BB912B, #0098A4, #4C2E34)
- Weathered Cabin color palette (#FFF1F3, #E7D6CB, #D5BB90, #A08DCD, #634346)
- Pale Mulberry color palette (#FFDADB, #FB79D4, #00A56B, #9C007D, #003821)
- Patina Quarry color palette (#FFF2F0, #D6C297, #975E70, #5E3341, #301B19)
Browse the whole catalog at Explore, or see today's palette.