Cypress Loft color palette — #E8F6EE · #89AC7C · #2B735F · #2C4A5F · #00221E

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

The five colors

• Cream (#E8F6EE): bright and airy, almost weightless.
• Sage (#89AC7C): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#2B735F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#2C4A5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Aged Taupe color palette (#FDEDF3, #B2A04E, #4F702C, #43435F, #0A2115)
• Muted Corridor color palette (#E6FAF7, #7CA78A, #247256, #25535A, #133D3C)
• Chalky Clover Dune color palette (#E2F8EC, #6FBE65, #007D69, #683D50, #002723)
• Patina Emerald Harbor color palette (#D7E8E1, #5B9F6F, #00635B, #452F4B, #001615)
• Seafoam Quarry color palette (#F7F7E0, #A5E1AF, #4D9B7E, #4F6C52, #262B10)
• Washed Pine color palette (#DAEFE6, #1E8F48, #004F48, #082C47, #000B02)
• Timeworn Balcony color palette (#F7EFF4, #A0CFE6, #3D82B3, #155D45, #12203A)
• Tempered Coral Loft color palette (#ECF2FF, #EACFFF, #E79793, #2A7090, #202238)

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