Cypress Study color palette — #FBF3EF · #CBE8DE · #6AA4AF · #4F7A5C · #305346

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Honeydew (#CBE8DE): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6AA4AF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#4F7A5C): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#305346): 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 Study 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

• Hushed Ash color palette (#FAF4EE, #C9E8EA, #809BC2, #58785C, #64485B)
• Washed Studio color palette (#F6F6EF, #CCE4DC, #73C0C2, #3B9984, #37523E)
• Muted Delta color palette (#E8FBE9, #4DA8AC, #B6747B, #946543, #354837)
• Cypress Veranda color palette (#EDF9ED, #72BFBE, #C5848A, #288181, #65443A)
• Softworn Cabin color palette (#EEE2DC, #3A8F94, #004355, #002416, #000A16)
• Tempered Petrol Coast color palette (#F6ECE7, #83BBD0, #286DA1, #00504B, #1A2A57)
• Quiet Cobalt Meadow color palette (#FDF3ED, #8EDCEC, #008ABC, #006856, #124074)
• Tempered Summit color palette (#FDF3EB, #ABCEC0, #527AAF, #005F62, #4F2E45)

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