Cypress Workshop color palette — #F8F5EF · #CDE4CC · #3799A8 · #007458 · #1A4F60
A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Celadon Mist (#CDE4CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#3799A8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007458): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#1A4F60): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cypress Workshop 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 Thicket color palette (#F8F5EF, #CAE4D5, #5792B6, #007072, #563D59)
- Misty Lagoon Pier color palette (#DBEBC4, #6CBCA9, #008B88, #00656C, #004D5C)
- Dusty Canyon color palette (#FAF4EC, #B0CEB8, #2783A3, #006059, #0F3E5C)
- Lagoon Villa color palette (#ECF9EE, #BFE8E8, #B3C8F2, #268976, #31503E)
- Cerulean Pier color palette (#EAE1D4, #459EA8, #005265, #003129, #001623)
- Turquoise Summit color palette (#F8F3F8, #CAE2F9, #4CB3D3, #57885A, #354A60)
- Ancient Alley color palette (#EBFAEC, #4EB1B4, #C76A69, #007477, #653030)
- Dusty Cobalt color palette (#FAF4EB, #ACD2F9, #597DC9, #00637D, #363870)
Browse the whole catalog at Explore, or see today's palette.