Teal Pier color palette — #E7F9FF · #D8DAE7 · #B4B4A8 · #74B9AB · #385360
A conversation between Mint Leaf and Peacock, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Silver (#D8DAE7): bright and airy, almost weightless.
- Ash (#B4B4A8): soft and architectural.
- Mint Leaf (#74B9AB): A luminous, dusty teal — the color of sea glass.
- Peacock (#385360): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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
- Hushed Turquoise color palette (#EEF6FF, #E4D6E5, #F4BFB5, #32BDD7, #434069)
- Hushed Teal Quarry color palette (#E9FAEE, #BDEAEC, #D4C9F4, #5AA299, #3B5246)
- Taupe Orchard color palette (#FFF1F6, #B6DCBF, #CEA280, #AC7974, #2B433A)
- Hushed Seafoam color palette (#E4E9DC, #FFBEA7, #00E6CA, #476266, #1D2D2F)
- Airy Courtyard color palette (#EAF7FF, #DED6F5, #F3B4FF, #00B28A, #003957)
- Hushed Peony Boulevard color palette (#D7EEFF, #A5A1D6, #CF70AA, #00767A, #000822)
- Weathered Powder Lagoon color palette (#EEF6FF, #84BDFF, #D4A362, #B48646, #233448)
- Tempered Loft color palette (#EFF6FF, #FFC7A8, #7C96BF, #4D6584, #19222E)
Browse the whole catalog at Explore, or see today's palette.