Cypress Pier color palette — #E8F6F0 · #86AB87 · #00765D · #444B18 · #00221F

Built around Teal, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8F6F0): bright and airy, almost weightless.
• Sage (#86AB87): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#00765D): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#444B18): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Cypress 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

• Tempered Pine color palette (#EAF5EC, #9DA76B, #2E772A, #1A4E59, #032219)
• Worn Canyon color palette (#E9F5F2, #89C1A9, #008684, #2D5F57, #142C2D)
• Softworn Lagoon Courtyard color palette (#D3E6E0, #5B9E75, #006358, #003F54, #001616)
• Wandering Lagoon color palette (#F6F6E9, #AFDEB1, #509C6E, #68671C, #272A15)
• Wandering Pine color palette (#DBF3EC, #318C59, #004F46, #213000, #000A0A)
• Quiet Plum Archive color palette (#C6E6EE, #008E8C, #C51E59, #7A5200, #00171D)
• Feathered Lagoon color palette (#D7EEF6, #00A4B0, #CB4C3B, #006169, #380804)
• Antique Thicket color palette (#D3F3FF, #2FB6DA, #007494, #003D4D, #000F13)

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