Weathered Pier color palette — #FFF2EE · #FF98A4 · #7D7B00 · #B90041 · #020100
A conversation between Ruby and Ballet Pink, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ballet Pink (#FF98A4): A luminous, balanced red — the color of embers at dusk.
- Olive Leaf (#7D7B00): A full-bodied, balanced green — the color of new leaves after rain.
- Ruby (#B90041): A full-bodied, vivid red — the color of a theater curtain.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Energy, Balance. Tagged duotone.
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
- Olive Courtyard color palette (#FFF2EA, #FF9F70, #548700, #A14200, #010100)
- Hushed Scarlet color palette (#FDF3EF, #FFBCBB, #44A13D, #C5424C, #050600)
- Sunlit Garnet Canyon color palette (#FFF2EC, #EC7E66, #4E6B00, #8E1B00, #010100)
- Frosted Studio color palette (#FFF1F1, #FF8ED9, #A66500, #AC0086, #020100)
- Ember Terrace color palette (#F6E6F1, #FF9F87, #C78500, #D26146, #021202)
- Weathered Garnet color palette (#ECE0EF, #C66F83, #575A00, #840039, #000302)
- Dusty Field color palette (#FFF1F0, #FFA073, #9E6900, #4B4100, #0A1700)
- Linen Coral Delta color palette (#FFF3E2, #EC7E61, #7F6900, #213684, #200C00)
Browse the whole catalog at Explore, or see today's palette.