Cypress Garden color palette — #FCF3EE · #CEE3CF · #3B97B1 · #0E744E · #285145
Built around Pine, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Celadon Mist (#CEE3CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#3B97B1): A luminous, balanced blue — the color of deep harbor water.
- Pine (#0E744E): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#285145): 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
- Worn Pier color palette (#FAF4EF, #C8E4D6, #5C8EC1, #00716F, #3B456A)
- Cerulean Basin color palette (#EAF5F2, #C1E3ED, #1D9FAB, #006E62, #0F303E)
- Antique Turquoise Dune color palette (#F5F6EF, #BFE7DD, #2FB8C7, #1E8C80, #2F503C)
- Weathered Lagoon color palette (#D7E5BD, #66C0A8, #00938F, #00626F, #2C406A)
- Weathered Petrol Corridor color palette (#DDFFE7, #85C7D8, #007F8F, #004E5D, #003039)
- Navy Pier color palette (#FFF2EB, #73C5DD, #0075AE, #00574D, #082C73)
- Dusty Archive color palette (#F4E2D9, #599BA6, #00516E, #003126, #00142D)
- Coral Summit color palette (#ECF9EF, #53AFBC, #C4697E, #00737F, #61323D)
Browse the whole catalog at Explore, or see today's palette.