Cypress Studio color palette — #FAF4F0 · #CAE9E0 · #66A4B5 · #447C5F · #355148

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#CAE9E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#66A4B5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#447C5F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#355148): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Cypress Studio 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

• Ash Ridge color palette (#EAF4F2, #C9DFF4, #76A4B5, #45747B, #213A45)
• Antique Stone Boulevard color palette (#F5F6EE, #C6EAE0, #97BC9E, #788D70, #395141)
• Ancient Spruce color palette (#F0E4DD, #6BACA7, #006270, #00411F, #002333)
• Aged Lagoon color palette (#F0DED6, #3E8E97, #004359, #002319, #000A18)
• Frosted Cobalt color palette (#FEF3ED, #A0D9E9, #0088C6, #00685B, #233F6D)
• Antique Lantern color palette (#F8ECE3, #88B9D0, #006AB7, #00504E, #222B50)
• Iris Hollow color palette (#FBF4EB, #D2A76E, #7E93E3, #97681D, #5C4457)
• Dusty Cobalt color palette (#FEF4E4, #B79249, #5D8BC9, #6571AF, #46423B)

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