Weathered Pier color palette — #EDF7FA · #A9CFB1 · #278083 · #004D4F · #11252B

Built around Teal, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Pistachio (#A9CFB1): A luminous, dusty teal — the color of glacier melt.
• Teal (#278083): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004D4F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#11252B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Softworn Iris Pier color palette (#EFF6FA, #8ED1DF, #7F88D0, #0090A4, #1B2338)
• Hushed Lagoon color palette (#EFF8EF, #FFE2A5, #00878B, #254028, #0A120B)
• Aged Marigold Drift color palette (#CBEAFB, #D3A328, #00657C, #003441, #00121C)
• Dusty Azure Chapel color palette (#E8FAF2, #FFC4C6, #4E9FC5, #4C6B5E, #16261F)
• Airy Sapphire color palette (#EEF6FF, #DEB458, #0069C2, #003A71, #031B34)
• Dusty Stone color palette (#EDF7FC, #DD98A9, #005B6E, #003440, #161C26)
• Washed Cerulean color palette (#F0F6FA, #D9D9E1, #C0BECB, #5998B9, #3C4A54)
• Tempered Chestnut color palette (#E9FBEC, #77B9E7, #7B7FC0, #974B17, #2B3F55)

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