Cypress Cabin color palette — #E5F7EE · #87AC79 · #007753 · #673440 · #00221E

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#87AC79): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#007753): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#673440): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#00221E): 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 Cabin 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

• Pine Atelier color palette (#E5F7EE, #85B876, #007E5B, #4F5013, #002722)
• Lagoon Delta color palette (#E4F7F2, #87BFBF, #00877D, #734842, #092D2D)
• Sunlit Quarry color palette (#D4ECD5, #A09907, #3D6900, #543800, #181700)
• Worn Emerald color palette (#D8E8E3, #59A06B, #006454, #333E10, #001615)
• Timeworn Driftwood color palette (#ECF4EE, #A5CEBF, #698E68, #4E6956, #23362F)
• Faded Pine Market color palette (#CBFEF5, #7CBB73, #117B17, #1B3E00, #040E00)
• Pine Boulevard color palette (#DCEEE7, #3E8C4A, #005040, #4B131B, #000A09)
• Tempered Orchid color palette (#D7F0E6, #8A9A41, #A059B9, #505C00, #290F32)

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