Teal Pier color palette — #E8E0D5 · #3FA4A3 · #006470 · #003D2D · #000B11

A conversation between Turquoise and Peacock, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E8E0D5): bright and airy, almost weightless.
• Turquoise (#3FA4A3): A luminous, balanced teal — the color of glacier melt.
• Peacock (#006470): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#003D2D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Tempered Denim color palette (#DAEAE6, #72AFAD, #006166, #002C25, #000102)
• Washed Abyss color palette (#F4E5DE, #528C8B, #004451, #002413, #000B14)
• Frosted Denim Coast color palette (#F2E8DA, #379DD2, #00599F, #003A43, #01022B)
• Weathered Alley color palette (#F7E9F2, #64AFAF, #00829A, #00613C, #000B15)
• Pale Sky color palette (#D0F7FB, #18B4EB, #5381CE, #00584F, #001016)
• Weathered Brick Bloom color palette (#DFF1E0, #00787B, #A70020, #004143, #140001)
• Quiet Coast color palette (#ECE3D5, #7CB9E1, #2475CA, #005765, #101B43)
• Patina Canyon color palette (#F5EDE1, #7FD3E8, #0092C3, #006C69, #0C304C)

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