Teal Pier color palette — #FFF3E5 · #DDD5AA · #72B099 · #856164 · #522F2F

Jade takes the lead with Wheat close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#DDD5AA): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#72B099): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#856164): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#522F2F): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Muted Basin color palette (#FBF7D3, #C5D6B1, #69A1AF, #98563D, #5D2700)
• Tempered Market color palette (#FFF4DC, #CAE6C9, #9AB693, #9B726F, #5A433C)
• Cocoa Grove color palette (#FFE3DB, #90AE99, #528169, #6F4252, #451D2C)
• Lagoon Cabin color palette (#F5F6EA, #A7DEC5, #009E9A, #865548, #222B16)
• Worn Field color palette (#DEE3C4, #6BA987, #00676C, #58212A, #160003)
• Basalt Parlor color palette (#BFEBD2, #80ABA3, #497D80, #4F5279, #52395B)
• Hushed Garnet Veranda color palette (#F3ECDB, #9BB179, #298171, #63254A, #280313)
• Dusty Villa color palette (#EAF9D4, #A2C9AC, #5F8ED1, #725434, #332104)

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