Teal Pier color palette — #F2F7F0 · #FED3BF · #6FAC9F · #5F7455 · #272E23

Turquoise takes the lead with Peach Cream close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Peach Cream (#FED3BF): A whisper-light, dusty orange — the color of toasted spice.
• Turquoise (#6FAC9F): A luminous, dusty teal — the color of glacier melt.
• Pewter (#5F7455): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#272E23): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Azure Courtyard color palette (#EBF9F4, #FDC7B9, #639BC5, #3A688A, #132620)
• Tempered Fern color palette (#F2F7EC, #CDDBCA, #5C947A, #3A4F08, #191D12)
• Aqua Chapel color palette (#F2F7F1, #D3DCDC, #B8B6AB, #77C5C1, #4D554C)
• Timeworn Amber Coast color palette (#ECF9F1, #76C6D9, #7AA6D9, #C0795B, #293A2E)
• Ancient Cerulean color palette (#D0E4D6, #E9A0B5, #00889B, #00525E, #001005)
• Mint Field color palette (#F4F6EF, #BBECC9, #C7A8E2, #5FC384, #38292E)
• Ancient Ember color palette (#E2F1E0, #C66566, #005551, #001A18, #000202)
• Frosted Azure color palette (#F3FAD6, #C9E4C0, #72C5E3, #608FD5, #4E3E81)

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