Teal Pier color palette — #F8F6E4 · #C2F4D2 · #5BAFA1 · #8B6D71 · #323E00

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

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#C2F4D2): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#5BAFA1): A luminous, balanced teal — the color of sea glass.
• Pewter (#8B6D71): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#323E00): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Timeworn Basalt color palette (#FBF4E9, #B5EEDF, #98B992, #957F88, #534600)
• Ancient Terrace color palette (#FFF3E5, #ECEAA8, #89AA71, #8A6C7F, #3A3831)
• Celadon Orchard color palette (#FBF5E2, #ABEF89, #0CAC76, #7B5F82, #1E3612)
• Denim Summit color palette (#E8FAF7, #86BBBB, #3E8175, #535481, #1E4A4B)
• Linen Drift color palette (#FFF2F0, #FFC0D3, #46D2CF, #C26A89, #004241)
• Quiet Boulevard color palette (#FFF2EF, #FF96B1, #42C2AA, #4DA0A8, #3B2421)
• Dusty Veranda color palette (#FBF4ED, #C3E4F7, #9CBCEF, #409096, #523448)
• Ash Drift color palette (#FFF2EF, #E1D8CF, #99B1B3, #BD9ABD, #4E3A33)

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