Teal Pier color palette — #CFFEF6 · #A0D3AD · #6AB290 · #318475 · #2B5661
Jade and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#CFFEF6): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#A0D3AD): A whisper-light, dusty teal — the color of sea glass.
- Jade (#6AB290): A luminous, balanced teal — the color of glacier melt.
- Fern (#318475): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#2B5661): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.
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
- Antique Lagoon color palette (#D8FFF0, #A4BE93, #469C79, #007369, #325969)
- Softworn Turquoise color palette (#DEF9FF, #85DBDC, #5AB3C1, #408196, #38556B)
- Worn Archive color palette (#E3FAFC, #8DD6BD, #D49FBC, #41A084, #554565)
- Tempered Cypress color palette (#E2FAFF, #A6E8DD, #67B0A6, #277A72, #003E38)
- Mint Hollow color palette (#F6F8D9, #BAF4CA, #4AC599, #3A907B, #3C513A)
- Soft Teal Pier color palette (#D0E4E1, #00C0C0, #0098AC, #00667E, #003C57)
- Worn Ridge color palette (#E2FAFF, #D2DDE9, #C1B5D0, #7AABA9, #3F575D)
- Weathered Teal Corridor color palette (#E2FAFE, #67C5B1, #AA9CCC, #BB855B, #2C484B)
Browse the whole catalog at Explore, or see today's palette.