Teal Pier color palette — #EBF6E7 · #00B4A1 · #485E51 · #333A31 · #21221D

A conversation between Turquoise and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Cream (#EBF6E7): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#00B4A1): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#485E51): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#333A31): a grounded near-black with real depth.
• Onyx (#21221D): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Ancient Teal color palette (#E8F9FC, #6DC0B3, #445860, #182F33, #071212)
• Dusty Grove color palette (#F3F3E5, #77AE4E, #466224, #383831, #23221D)
• Worn Dune color palette (#E8F5F7, #75C9B8, #687F8E, #44595C, #1B2422)
• Cerulean Workshop color palette (#E3F6E6, #0098A3, #1C4966, #182C1C, #0D1408)
• Sky Boulevard color palette (#E4FCEE, #2FC4E8, #D79080, #AC8B6D, #36473D)
• Dusty Azure Station color palette (#CFECE4, #2294EC, #5F4354, #20322D, #131A16)
• Aged Aqua color palette (#EBF9F0, #67D6EE, #E49E7C, #5398A7, #524C47)
• Worn Petrol color palette (#DAF3E3, #007F95, #402943, #081A10, #020601)

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