Cypress Cabin color palette — #EBF8F5 · #91B8B6 · #3F826C · #4D613D · #284947

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

The five colors

• Ivory (#EBF8F5): a clean, paper-quiet neutral.
• Ash (#91B8B6): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#3F826C): A full-bodied, dusty teal — the color of glacier melt.
• Pine (#4D613D): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#284947): 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

• Muted Bloom color palette (#EEF8F1, #AAC9BC, #728A61, #486E6F, #3A534A)
• Timeworn Cypress color palette (#E9F9F6, #75A88B, #1D7262, #06555F, #0B3D3E)
• Pale Lagoon color palette (#B5ECF4, #60BBBB, #008790, #00627A, #184B62)
• Lagoon Lagoon color palette (#EAF8FF, #D8DAE5, #BAC1EE, #2D9092, #355064)
• Softworn Petrol color palette (#EBF7FF, #86C1DD, #007E9D, #004C62, #00303E)
• Bronze Balcony color palette (#F8F5EA, #C0CA9F, #43A196, #827127, #3E4800)
• Washed Ember color palette (#E9F8FF, #53AEC1, #CB685E, #007284, #66302B)
• Antique Cypress color palette (#D4E5E2, #2A7C5B, #004139, #032B03, #00140B)

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