Cypress Garden color palette — #F9F4EE · #CDE4CC · #309AA9 · #007458 · #2A513F

A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#CDE4CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#309AA9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007458): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#2A513F): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cypress Garden 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 Cypress color palette (#FAF4EC, #C6E5D4, #5692B6, #007072, #563D59)
• Cerulean Cabin color palette (#FAF4EC, #ABCFB6, #0084A9, #006059, #033F60)
• Cerulean Harbor color palette (#F6EFE3, #519DA5, #005265, #003129, #001623)
• Aged Summit color palette (#F9F3FA, #CAE2F9, #3BB4D8, #58885B, #374A5D)
• Pale Corridor color palette (#FFF0FD, #6A87C7, #B55E58, #227D2D, #452F43)
• Pale Ridge color palette (#FAF4EB, #ABD2FA, #507BD8, #00637D, #363872)
• Hushed Chapel color palette (#FFF0FD, #E8D5D5, #D6B0DE, #5387B0, #5E4456)
• Muted Workshop color palette (#E9E3DA, #5287A9, #003C74, #002128, #02002F)

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