Teal Pier color palette — #FAF4E9 · #C9B778 · #63B58D · #7A83C1 · #3D3532

Jade and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4E9): bright and airy, almost weightless.
• Sand (#C9B778): A luminous, balanced green — the color of new leaves after rain.
• Jade (#63B58D): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#7A83C1): A luminous, balanced violet — the color of wild irises.
• Charcoal (#3D3532): a grounded near-black with real depth.

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

• Washed Garden color palette (#FDF3ED, #F7B5A0, #79BA97, #7C7FC3, #5E343A)
• Wandering Cerulean color palette (#FEF3EB, #EEB490, #A2A660, #339BBB, #462E2F)
• Washed Lilac color palette (#F6F6EC, #B1CD9F, #50AFC8, #B074B2, #39352F)
• Chalky Lagoon color palette (#FAF6E0, #AEBF2F, #00A9A4, #815EE4, #341700)
• Wandering Cerulean color palette (#F8F3FD, #CB94AF, #3795B9, #4F629D, #302F3F)
• Timeworn Garden color palette (#F9F4EF, #D9DBD4, #D1AE88, #A9B5B0, #57514B)
• Patina Courtyard color palette (#F6F1E7, #C7B86B, #808037, #6A5000, #25211C)
• Muted Atelier color palette (#E1F5D8, #00BCA6, #2180FA, #CB006D, #121B00)

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