Teal Pier color palette — #F2F7F1 · #D4DCDA · #A7B5BB · #64AAA3 · #4E554D

A conversation between Turquoise and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D4DCDA): a clean, paper-quiet neutral.
• Ash (#A7B5BB): soft and architectural.
• Turquoise (#64AAA3): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4E554D): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Patina Bronze color palette (#EDF7F9, #D6DCE6, #B6AFB9, #9D6935, #4A5556)
• Aged Cerulean Archive color palette (#EFF8F1, #CEDDDD, #A3C8CE, #0097A9, #324537)
• Washed Abyss color palette (#E3ECE4, #9BA8A0, #6F8E83, #005052, #000D02)
• Ancient Turquoise Chapel color palette (#E8F6ED, #5DA8BA, #485E56, #2D3C32, #1E231E)
• Washed Parlor color palette (#FEF4E4, #8ECBC9, #5C9BBD, #985969, #364E3D)
• Tempered Olive Ridge color palette (#F9F5EC, #D6D2B9, #9D9F7A, #6B884A, #594D00)
• Worn Denim Garden color palette (#D8E3DF, #CEBFCC, #B89BAC, #00669C, #09251E)
• Indigo Pier color palette (#FBF2F8, #EFD6E1, #DBB1BC, #585FF5, #3F2C39)

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