Teal Pier color palette — #F0F8E9 · #48BC99 · #5D81BB · #824765 · #4B3303

A conversation between Jade and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F8E9): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#48BC99): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#5D81BB): A luminous, balanced blue — the color of open sky before noon.
• Coffee (#824765): A full-bodied, balanced rose — the color of a warm blush.
• Espresso (#4B3303): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Antique Jade color palette (#F5F7E6, #83B473, #358CAA, #714B88, #5B2615)
• Wandering Aqua Hollow color palette (#EFF8F0, #6CC1C9, #8C84B7, #8C595A, #514000)
• Linen Garden color palette (#CDE9DE, #0091CB, #8B4388, #633500, #002712)
• Cocoa Studio color palette (#E1F4D5, #BED2BF, #90AB9F, #896F6D, #7A3C20)
• Worn Balcony color palette (#D3F2D0, #00A19D, #6545DD, #8A0021, #242700)
• Misty Orchid color palette (#E4FCEF, #00ABD8, #A749B5, #7F4400, #003B21)
• Linen Garnet Harbor color palette (#F9F5E7, #8E8D3F, #006D8F, #821E0A, #3B3A00)
• Dusty Lagoon color palette (#DCE9D8, #00A597, #3F5345, #273124, #171A13)

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