Weathered Pier color palette — #E9F6E8 · #B3E2E1 · #95AFEA · #007D4D · #082817

Teal and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F6E8): A whisper-light, dusty green — the color of new leaves after rain.
• Silver (#B3E2E1): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#95AFEA): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007D4D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#082817): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged pastel, light, 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

• Cypress Drift color palette (#DCFBEA, #F1D7F2, #C0A4DD, #00746E, #002A20)
• Worn Olive Basin color palette (#F2F5DB, #CBDFC1, #81BFD6, #6D6F00, #1C2A08)
• Patina Lagoon Lantern color palette (#E2F9E9, #B2E4EB, #C3BAF0, #378B75, #193B30)
• Sky Corridor color palette (#E5FDE8, #BAEFFF, #61BAEB, #007874, #2C4635)
• Washed Iris Study color palette (#DFF2E2, #7ABBE2, #8286DB, #005640, #00141A)
• Wandering Wisteria Meadow color palette (#CEFEEA, #BCD0FF, #C280EE, #006F72, #002144)
• Antique Alley color palette (#E9F5EF, #63AACB, #A33173, #005D7C, #130102)
• Worn Violet color palette (#DBF1E3, #6A99DB, #8961B1, #00403E, #000811)

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