Teal Pier color palette — #F9F7D8 · #6FB488 · #006F63 · #304303 · #060900

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

The five colors

• Custard (#F9F7D8): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6FB488): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#006F63): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#304303): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Forest Studio color palette (#FFF4DC, #93AC71, #00733C, #004548, #050900)
• Lagoon Workshop color palette (#D8EDE4, #00A49E, #006B76, #003E55, #001326)
• Tempered Pine Chapel color palette (#E5E8D6, #2C8D59, #005139, #06330C, #060900)
• Aged Fern color palette (#F1DDC7, #9B8F48, #3E5700, #003428, #010100)
• Powdered Field color palette (#DCF2EF, #79B88D, #00966A, #2D752D, #00220E)
• Aged Cabin color palette (#F8F7DE, #93CAA6, #00897A, #1C5870, #151B00)
• Timeworn Teal Field color palette (#FBF6DC, #B8E7B8, #3FA689, #287689, #163717)
• Patina Emerald color palette (#FFF3E2, #C4CA79, #479329, #00675E, #1F2000)

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