Cypress Study color palette — #E8FAF4 · #7DA786 · #237162 · #2C5448 · #0A3E3B

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

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Moss (#7DA786): A luminous, dusty teal — the color of sea glass.
• Teal (#237162): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#2C5448): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#0A3E3B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Cypress Harbor color palette (#CDEDE5, #5E9B7E, #00625D, #004360, #003031)
• Worn Cypress Grove color palette (#F2F3E4, #84AB8C, #257551, #2C5122, #1A1F00)
• Tempered Pewter Coast color palette (#FFF1F5, #BBB081, #6C7A4A, #336266, #34483C)
• Hushed Lagoon color palette (#E5FBF7, #90BFBC, #41936C, #4E6D47, #003E3C)
• Pale Pier color palette (#D8EDE2, #00B1A3, #007F8D, #005367, #2D315E)
• Washed Grove color palette (#DCF2E2, #889D25, #006E1B, #004E4C, #2A3200)
• Dusty Turquoise Lagoon color palette (#E5F7FF, #45AED1, #00718D, #003E4F, #002231)
• Softworn Quarry color palette (#E9F8FF, #C7E2FF, #ACA2D1, #347968, #214156)

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