Teal Pier color palette — #E2E8D3 · #5EB993 · #00856D · #545A26 · #222E0E
Built around Jade, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Parchment (#E2E8D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#5EB993): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00856D): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#545A26): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#222E0E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Muted Pine Hollow color palette (#E9E6CD, #8DB26E, #3E8436, #57564E, #2C2A04)
- Ancient Cobalt Ridge color palette (#DAE6D2, #009D81, #0082C1, #6F6D00, #00261E)
- Clover Balcony color palette (#D7E2D4, #30B530, #008B46, #005F37, #003324)
- Washed Thicket color palette (#E3E7D6, #5D9A84, #00625C, #533800, #003124)
- Teal Bloom color palette (#95F8D9, #00C39F, #008C71, #005341, #001A14)
- Moss Market color palette (#FBF5E0, #ACC868, #649735, #4B7453, #344016)
- Emerald Coast color palette (#DFDFCF, #4E974D, #006433, #284012, #011501)
- Quiet Aqua Hollow color palette (#CAFFEE, #93EBDF, #6CC9D3, #458768, #253A1B)
Browse the whole catalog at Explore, or see today's palette.