Teal Pier color palette — #E9F9FB · #4FAA9C · #8D6179 · #6A4D24 · #314A31

Turquoise and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9FB): bright and airy, almost weightless.
• Turquoise (#4FAA9C): A luminous, balanced teal — the color of sea glass.
• Pewter (#8D6179): A full-bodied, dusty rose — the color of a warm blush.
• Coffee (#6A4D24): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#314A31): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Turquoise Dune color palette (#EDF7FD, #51A3C5, #956156, #4A5B23, #1D472E)
• Pewter Study color palette (#EAF9F8, #6DA784, #905D80, #794236, #54374D)
• Tempered Cocoa color palette (#EBF5EE, #64A8B9, #836296, #76380B, #093012)
• Patina Quarry color palette (#F0F8F1, #A2CBBE, #5F8A89, #546974, #3B534C)
• Ancient Parlor color palette (#EBF7FD, #81BCCC, #9980AE, #9E4F30, #354927)
• Dusty Cypress Delta color palette (#F9F3F8, #D5D6ED, #6EA1BA, #4F7A5C, #435469)
• Wandering Garden color palette (#E8F8FF, #83C7E8, #668BBD, #5B578B, #53415F)
• Muted Seafoam color palette (#F1F7F0, #79DBCF, #DC919B, #A67E4E, #47413C)

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