Teal Pier color palette — #EEF7F6 · #B0E7EC · #27C8B7 · #79A873 · #122124

Aqua and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Sea Foam (#B0E7EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Aqua (#27C8B7): A luminous, balanced teal — the color of shallow lagoons.
• Moss (#79A873): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#122124): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Teal Field color palette (#EDF7F9, #C1DBF3, #5ABCDF, #35AFA2, #152026)
• Muted Moss Hollow color palette (#EFF7F4, #EFFEBD, #72C390, #93A34C, #0F2222)
• Straw Pier color palette (#EEF8F4, #DCE693, #78C4DE, #A9B170, #223038)
• Teal Balcony color palette (#E9FAF5, #A3F0CE, #4AB6AC, #5A739B, #2E4446)
• Iris Balcony color palette (#E9F8FC, #74CCCC, #728CD2, #7B648F, #29222D)
• Seafoam Drift color palette (#E4FAFA, #78F5B8, #00A6AA, #009562, #000C11)
• Antique Alley color palette (#D3FFFF, #A6E1FF, #5FCEBA, #208781, #004A4E)
• Olive Hollow color palette (#F3F2EB, #B7CD94, #359296, #657B3B, #0E190F)

Browse the whole catalog at Explore, or see today's palette.