Teal Pier color palette — #E3FFD5 · #9AE6BA · #45B896 · #007773 · #00454F
Jade and Mint set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E3FFD5): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#9AE6BA): A whisper-light, balanced teal — the color of glacier melt.
- Jade (#45B896): A luminous, balanced teal — the color of sea glass.
- Teal (#007773): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00454F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged 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
- Gentle Drift color palette (#FDF7C9, #CCE39C, #79B76E, #257D5C, #064E46)
- Chalky Turquoise Cabin color palette (#D9FFF2, #8EF4EB, #00B5C1, #007290, #254766)
- Powdered Alley color palette (#E2F1C8, #87D8BA, #22BFA2, #009E8F, #065754)
- Muted Teal Archive color palette (#D5EEEE, #58BC9B, #008571, #005C54, #003230)
- Tempered Bone color palette (#E9FAF1, #CFE6B9, #A1A174, #7D673F, #1D3735)
- Hazy Lagoon Courtyard color palette (#E6FAFD, #8BE9D7, #F19FB6, #00A08D, #452E4D)
- Taupe Grove color palette (#E2FBFF, #D7DDE9, #B7A7A7, #8FB38D, #31525C)
- Lagoon Lagoon color palette (#D4ECD5, #009368, #005E58, #003034, #000509)
Browse the whole catalog at Explore, or see today's palette.