Worn Pier color palette — #F3E8FF · #70D1FF · #C5B400 · #284140 · #212925
Gold and Sky set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F3E8FF): A whisper-light, dusty violet — the color of wild irises.
- Sky (#70D1FF): A luminous, balanced blue — the color of deep harbor water.
- Gold (#C5B400): A luminous, balanced green — the color of a quiet forest floor.
- Forest (#284140): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#212925): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Worn 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
- Lime Pier color palette (#FADEEF, #5FD4FF, #73CC2C, #264146, #1D2B28)
- Patina Boulevard color palette (#F3E6FE, #00DEE7, #F09D0B, #304841, #273027)
- Ancient Chartreuse Grove color palette (#CDE4F2, #12F0D1, #B4D91C, #5B5A53, #2D2C22)
- Moss Canyon color palette (#F1D8F0, #00BAF5, #7AA100, #022D18, #041A15)
- Clover Lagoon color palette (#F3DDE3, #A1B6FF, #00C77D, #05351F, #112222)
- Hushed Marigold Courtyard color palette (#E8FAF2, #CCA95E, #545513, #0E3628, #091F1F)
- Weathered Mint Terrace color palette (#EDE9FD, #00E79F, #FF9138, #4D3938, #31262B)
- Worn Courtyard color palette (#EAF9F4, #A1B972, #00807C, #526A0D, #11282D)
Browse the whole catalog at Explore, or see today's palette.