Plum Pier color palette — #FFF5DA · #A79700 · #008FD1 · #A52591 · #312C00
Magenta Rose and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#A79700): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#008FD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Magenta Rose (#A52591): A full-bodied, vivid pink — the color of peonies in June.
- Espresso (#312C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged warm.
Use it as a design system
One click turns Plum 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
- Byzantium Pier color palette (#FFF4E1, #B98F00, #0095B8, #8636BD, #382900)
- Wandering Plum Canyon color palette (#F5F9D9, #46B23A, #3985E8, #A81192, #12340E)
- Worn Mulberry color palette (#F2F9DE, #2C9F53, #0080AF, #8A0078, #262000)
- Pale Mulberry color palette (#FFF2EA, #8AB94F, #009188, #A30264, #05411D)
- Plum Harbor color palette (#F4F8E4, #7CAD7D, #8887C8, #A94C5D, #32342D)
- Patina Plum Studio color palette (#EDFBE0, #06B188, #7B76DF, #BA0646, #003426)
- Faded Violet Pier color palette (#DBFFED, #C2BC29, #826CDE, #6756B0, #1E1C00)
- Lime Veranda color palette (#FFF5D2, #B8BB00, #00BDBE, #D55E55, #342B06)
Browse the whole catalog at Explore, or see today's palette.