Cypress Garden color palette — #FAF4F0 · #C8E4D3 · #5690C0 · #007458 · #5B3B53

Built around Pine, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C8E4D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#5690C0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007458): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5B3B53): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Dusty Study color palette (#F9F4EF, #EED8E0, #8E95C6, #007E86, #664953)
• Linen Summit color palette (#FFF2EC, #9BDAE7, #1887C5, #006A4A, #2D3C6E)
• Hazy Bloom color palette (#FFF0F7, #897EBB, #8A7C00, #4A6F29, #4D2B3E)
• Turquoise Summit color palette (#F9F4ED, #BEE9E4, #41B2E3, #328A86, #2C5047)
• Abyss Station color palette (#EFE0DB, #528B8E, #004359, #00240E, #00081D)
• Weathered Grove color palette (#FCF1F8, #D2E2FA, #8DC4F0, #6DA68F, #394863)
• Frosted Coast color palette (#CAF4DD, #75A9D7, #5E7AC6, #66459E, #543A5D)
• Worn Alley color palette (#F8ECE5, #96BBA7, #006AB7, #005142, #252758)

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