Cypress Market color palette — #F0F3EA · #A7BB95 · #498176 · #335F50 · #212B17

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Sage (#A7BB95): A luminous, dusty green — the color of new leaves after rain.
• Fern (#498176): A full-bodied, dusty teal — the color of sea glass.
• Pine (#335F50): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#212B17): 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 Cypress Market 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

• Pewter Bloom color palette (#F7F1E5, #B6B788, #717A4E, #6A4D44, #2D2714)
• Cypress Coast color palette (#F1F4E0, #9AA67D, #1E7558, #643C00, #182001)
• Weathered Cypress Drift color palette (#EAF9F4, #8ABAB6, #458071, #5B5477, #244A47)
• Aged Basalt color palette (#F8F6E6, #C4E9CA, #8FA681, #8D6C72, #353E00)
• Tempered Lagoon Atelier color palette (#E5ECD5, #188D6A, #005043, #392500, #000B06)
• Antique Coast color palette (#F0F3EA, #C0E6D7, #6393BA, #006983, #142D49)
• Powdered Moss Summit color palette (#F2E3C8, #A89600, #5E6000, #70162B, #1A1600)
• Twilit Fern color palette (#F4EED7, #4E6118, #183100, #2B0500, #010100)

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