Teal Pier color palette — #DFFDF4 · #A6DEB6 · #22BEA7 · #B37673 · #184529
Built around Turquoise, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFFDF4): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#A6DEB6): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#22BEA7): A luminous, balanced teal — the color of glacier melt.
- Caramel (#B37673): A luminous, dusty orange — the color of toasted spice.
- Forest (#184529): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Wandering Delta color palette (#E9FAF0, #BBDC8D, #6FB886, #958950, #11443A)
- Softworn Jade color palette (#EAFBEA, #D6D28C, #8BB369, #A5779B, #1A4432)
- Timeworn Veranda color palette (#D4EAE5, #7DCDAA, #00A6A0, #9D6457, #003031)
- Emerald Courtyard color palette (#E3FBF6, #B6E8B4, #33AB66, #7F6907, #133714)
- Tempered Coast color palette (#EBF9F5, #B9E8E7, #8AC0C9, #86A199, #3B5251)
- Antique Lagoon Loft color palette (#D3EAE5, #409C7B, #00716F, #345129, #000804)
- Pine Basin color palette (#D3E7DC, #7BA660, #008557, #5D5812, #061400)
- Hazy Aqua color palette (#FCF1F9, #A2F6F5, #1CCAEE, #3FA775, #0B4464)
Browse the whole catalog at Explore, or see today's palette.