Cypress Summit color palette — #E5F6F1 · #87AB85 · #287553 · #5E384F · #00221F

A conversation between Pine and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E5F6F1): bright and airy, almost weightless.
• Sage (#87AB85): A luminous, dusty green — the color of new leaves after rain.
• Pine (#287553): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5E384F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#00221F): 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 Summit 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

• Faded Jade Canyon color palette (#DEF9F2, #74BA83, #197D60, #6B411A, #00290D)
• Softworn Cypress Archive color palette (#FAF5E6, #83A680, #007362, #5E3D62, #35362F)
• Timeworn Cypress Terrace color palette (#E4F6F4, #8FBDBF, #488178, #604D65, #0E2D2E)
• Washed Atelier color palette (#D9F1ED, #539F7A, #006356, #4D330F, #00170C)
• Fern Quarry color palette (#D5EBDD, #909E43, #356B00, #6B221E, #151800)
• Lagoon Delta color palette (#EAFAF1, #B5DCB2, #4C9A89, #655D80, #002F2B)
• Wandering Lantern color palette (#D9EBE7, #4B8860, #00503F, #4A0F2D, #000B03)
• Soft Aubergine color palette (#DFEFDE, #AA6D00, #007F7B, #743F94, #051904)

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