Teal Pier color palette — #F2F7F1 · #CDDEDD · #DBBBB5 · #58B1A7 · #353E32

Turquoise takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#CDDEDD): a clean, paper-quiet neutral.
• Stone (#DBBBB5): A luminous, dusty orange — the color of sun-warmed clay.
• Turquoise (#58B1A7): A luminous, balanced teal — the color of sea glass.
• Charcoal (#353E32): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Taupe Terrace color palette (#F5F6EF, #CFDED7, #A8CBC6, #85AC77, #3D3E00)
• Worn Workshop color palette (#F1F7F1, #CDE3E0, #A3B9C5, #479999, #293129)
• Periwinkle Archive color palette (#FAF2F9, #E8D6D4, #AEAF9E, #78A0FF, #4A3A47)
• Muted Jade Field color palette (#FDF4E8, #C9D095, #6EB378, #518F98, #37352F)
• Dusty Azure color palette (#EFF7F3, #F8D6DD, #DBC6F2, #00A6DC, #23382F)
• Cypress Corridor color palette (#E9F4F7, #D0D6E2, #ADB8C4, #0A7371, #112428)
• Dusty Turquoise color palette (#DFF5E8, #00ACCF, #4E608C, #2D4236, #090F07)
• Frosted Dune color palette (#FFEADA, #4ED4B5, #309BFB, #A46134, #1F3724)

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