Weathered Pier color palette — #E8F6EC · #96BFA2 · #9594D5 · #8B6E00 · #262F4E

Ochre and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F6EC): bright and airy, almost weightless.
• Sage (#96BFA2): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#9594D5): A luminous, balanced violet — the color of wild irises.
• Ochre (#8B6E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#262F4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Quiet Iris Basin color palette (#EAFAF0, #BEB074, #8D8FDE, #857200, #424C69)
• Softworn Pine color palette (#E6F6F4, #97BF9C, #B38CB9, #2B8641, #322B4A)
• Muted Bronze Archive color palette (#FBEEF3, #D7A885, #779FCF, #A95A00, #1B324C)
• Ancient Corridor color palette (#E9F5ED, #A5C3B9, #8F8258, #724F33, #183130)
• Aged Quarry color palette (#FBF4E9, #DCC18B, #B1A6ED, #A78744, #5F4452)
• Dusty Study color palette (#E2F8ED, #9FA06B, #7E87CB, #6A71B6, #142D23)
• Dusty Pier color palette (#E9F5ED, #BFD9EC, #B8ABB0, #B78879, #283D37)
• Cypress Dune color palette (#EBF4F3, #DAB8CA, #446C4C, #003A37, #071716)

Browse the whole catalog at Explore, or see today's palette.