Weathered Pier color palette — #FFF1F3 · #FDB191 · #C5831E · #625100 · #192100
Built around Mustard, softened by Melon — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Melon (#FDB191): A whisper-light, balanced orange — the color of toasted spice.
- Mustard (#C5831E): A luminous, balanced gold — the color of honey in a jar.
- Bronze (#625100): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#192100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Soft Amber color palette (#FFF0FA, #FFB9C6, #CC6E5B, #774500, #2B2100)
- Dusty Amber Lagoon color palette (#FFE1D3, #BB7B00, #5A5400, #142000, #000200)
- Feathered Terrace color palette (#FFEADF, #DF8529, #895900, #503900, #1F1800)
- Airy Dune color palette (#FFF2EE, #E8DEB7, #B89843, #5D6A00, #004012)
- Gentle Forest color palette (#FFF2EA, #E6CC8C, #859935, #0E6610, #00281E)
- Quiet Marigold Basin color palette (#FFDAC4, #F9B16C, #D69200, #956F00, #3C3000)
- Nightshade Delta color palette (#FFF3E3, #F19D93, #9B7823, #3944A1, #351902)
- Ancient Corridor color palette (#FCEBCE, #827E00, #284D00, #001008, #000201)
Browse the whole catalog at Explore, or see today's palette.