Cypress Garden color palette — #F9F5EA · #9C9E77 · #28715D · #15516C · #263C1C

Pine and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Taupe (#9C9E77): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#28715D): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#15516C): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#263C1C): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Timeworn Cypress color palette (#E3F7F2, #76B085, #00765C, #115054, #032120)
• Washed Fern Harbor color palette (#FEF3EB, #A89A6F, #556C2F, #5A3F63, #38352F)
• Wandering Quarry color palette (#FBF5E4, #8AAF7F, #007B63, #78394D, #224416)
• Aged Thicket color palette (#E4E0D0, #56885C, #005047, #00314F, #002206)
• Washed Market color palette (#EBF9F1, #A6DA9C, #55B49C, #6888A0, #1E3C38)
• Antique Thicket color palette (#FDF3ED, #B0CDBC, #477CAF, #00624E, #32365E)
• Soft Olive color palette (#FCE7D2, #9F9526, #357816, #5D0B59, #332F00)
• Petrol Cabin color palette (#FFF0F8, #FFD1DD, #DCA19C, #007097, #5D3747)

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