Teal Pier color palette — #F9F3F7 · #D6D4E1 · #BAC3F6 · #5FA18A · #434D62

Eucalyptus takes the lead with Lavender close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D4E1): a clean, paper-quiet neutral.
• Lavender (#BAC3F6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Eucalyptus (#5FA18A): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#434D62): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Worn Taupe Summit color palette (#F9F4ED, #C1E1EC, #A5D3BF, #8EAB8C, #34514A)
• Aged Cypress Lantern color palette (#EBF4F3, #D0DBEE, #7DA2B8, #39767B, #223949)
• Patina Aqua color palette (#F5F3FF, #E5BAEF, #50D2C8, #5BB2B6, #383548)
• Ash Harbor color palette (#FBF3EF, #C9E9E6, #71A0BE, #607655, #604A5F)
• Worn Periwinkle color palette (#FFF1F6, #D7D4DF, #88ACFF, #008883, #39295E)
• Wandering Powder color palette (#F7F3FF, #EDD7DE, #B2C9C1, #B3B3DE, #5B4F60)
• Dusty Denim color palette (#EDDDE5, #75ABC2, #0052A6, #002C25, #010009)
• Softworn Terrace color palette (#F1F5FF, #F2D4E4, #E291CF, #AB6B81, #5E495B)

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