Cypress Ridge color palette — #EAF9F5 · #9CBF9C · #568F6A · #21735E · #073E3A

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

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Sage (#9CBF9C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#568F6A): A luminous, balanced teal — the color of glacier melt.
• Teal (#21735E): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#073E3A): 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 Ridge 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 Meadow color palette (#ECF8F8, #A3CDCF, #5E9D8E, #357F7F, #1E4A4D)
• Aged Cypress color palette (#D1EBE9, #72B599, #00856F, #005D7F, #003222)
• Linen Olive Canyon color palette (#D9F2E7, #9AB859, #528924, #006965, #263400)
• Cypress Quarry color palette (#D9F2EE, #69A17E, #007252, #005149, #00220F)
• Worn Study color palette (#F6F6E6, #AAE1A4, #5F996F, #61655E, #282A14)
• Abyss Quarry color palette (#D6EBE7, #558158, #00532F, #00323A, #000901)
• Powdered Lilac Hollow color palette (#D3E7FF, #6698D8, #AC6DB7, #008A84, #152C49)
• Cobalt Lantern color palette (#F1F5FF, #DFDAFF, #D6BCED, #607FC4, #333C5B)

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