Weathered Pier color palette — #FFF2EB · #3DE6DD · #009EB3 · #00773F · #00384F
A conversation between Lagoon and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Lagoon (#3DE6DD): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009EB3): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00773F): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00384F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Azure Hollow color palette (#FFF2EB, #5BDEFE, #0096D9, #007466, #092E6D)
- Antique Workshop color palette (#EAFAED, #BEEEFF, #00AEBC, #007654, #002A35)
- Ancient Forest color palette (#FFF2EF, #60CCC7, #007A95, #045B12, #00345D)
- Emerald Terrace color palette (#FCF0FF, #9CEAE7, #00BDE6, #00A02C, #00345E)
- Quiet Studio color palette (#D7EEDD, #00C197, #00918B, #005F69, #003B4C)
- Emerald Loft color palette (#C5FFFD, #9FE4FF, #9FB6FF, #009B6A, #003C47)
- Turquoise Pier color palette (#FDF3EE, #B1F2FA, #65B0D0, #4F8774, #295048)
- Softworn Turquoise Archive color palette (#CEF8FF, #00C6D5, #00879A, #00535B, #001E23)
Browse the whole catalog at Explore, or see today's palette.