Weathered Pier color palette — #E2F7F7 · #C0E2F8 · #75D8D6 · #628C6E · #133336
A conversation between Lagoon and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E2F7F7): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#C0E2F8): A whisper-light, dusty blue — the color of open sky before noon.
- Lagoon (#75D8D6): A whisper-light, balanced teal — the color of shallow lagoons.
- Fern (#628C6E): A luminous, dusty teal — the color of sea glass.
- Deep Forest (#133336): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Powder Courtyard color palette (#E3F5FD, #CFD7E7, #B5C3F6, #428485, #1D333E)
- Hushed Orchard color palette (#CBE4EE, #408FA6, #006A9C, #003535, #000202)
- Teal Canyon color palette (#C8E8EC, #43AFA4, #008892, #00462D, #000C09)
- Gentle Villa color palette (#D9F9FF, #43F3FA, #00B4D2, #006E59, #002524)
- Dusty Powder color palette (#F0F9E5, #BFEEF4, #9DD4E9, #929B76, #4D5645)
- Weathered Periwinkle color palette (#CDEAFF, #89C8FA, #6799FF, #00687A, #012035)
- Ancient Pier color palette (#E7F7E7, #BFA97A, #906E39, #663E4D, #16271C)
- Weathered Thicket color palette (#E5F5F8, #ABBC82, #006356, #002F28, #000F12)
Browse the whole catalog at Explore, or see today's palette.