Cypress Pier color palette — #F7F2E2 · #86AC7F · #297362 · #245042 · #1C1E04

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F2E2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#86AC7F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#297362): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#245042): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1C1E04): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Hushed Cypress color palette (#F6F6EB, #97A07D, #11735B, #09555B, #313B00)
• Cypress Alley color palette (#FEEFDE, #A0A56C, #44714A, #5A3956, #231C00)
• Lagoon Quarry color palette (#E8FAF0, #9EBF96, #30937C, #3A6984, #003F39)
• Cobalt Bloom color palette (#FBEFE8, #B0D0BE, #4480B8, #005D4A, #32142A)
• Patina Alley color palette (#E4DFCB, #3C8B57, #004F49, #032B4B, #000B03)
• Driftwood Corridor color palette (#F7F1E8, #CAC4A3, #7C8B46, #775859, #32312A)
• Worn Indigo Terrace color palette (#EAD8E1, #7C6DBE, #717412, #2F652C, #250719)
• Inked Fern color palette (#EBDDC1, #45622A, #003323, #2A011A, #010200)

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