Teal Pier color palette — #F8F5EF · #C4DEE1 · #9AC8E8 · #5CA288 · #335645
A conversation between Eucalyptus and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#C4DEE1): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#9AC8E8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Eucalyptus (#5CA288): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#335645): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Teal 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
- Patina Lagoon Cabin color palette (#F8F5EF, #C6DCE5, #B2C0ED, #45A2A7, #5A455B)
- Washed Lagoon Ridge color palette (#F8F5EE, #C1DFE4, #6CCBE0, #02987D, #164558)
- Hushed Ash color palette (#F0F7F1, #CEE2F6, #62A5B0, #467B67, #3E5664)
- Washed Denim color palette (#F1E8DA, #65B0B7, #005F73, #002C25, #000103)
- Hushed Fern Station color palette (#F5F7E6, #CBE6D5, #B4C591, #9FC1DB, #46560E)
- Antique Emerald color palette (#FFF5D8, #BFEFC8, #9AB975, #559050, #4B4D46)
- Tempered Lagoon color palette (#FBF4EA, #C3EDFF, #419AD5, #00696E, #011D42)
- Patina Coast color palette (#F5F6EB, #CFF1C2, #E7B9F1, #75AB5E, #563A5C)
Browse the whole catalog at Explore, or see today's palette.