Cypress Study color palette — #F4F6F0 · #D3DED9 · #AFC6C0 · #488262 · #464940

Built around Fern, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D3DED9): bright and airy, almost weightless.
• Stone (#AFC6C0): A luminous, dusty teal — the color of sea glass.
• Fern (#488262): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#464940): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Pewter Cabin color palette (#F1F3EB, #CEDCD7, #ADC2C1, #5B7F61, #2B2D25)
• Wandering Lantern color palette (#ECF2E6, #A0AE9E, #65896F, #004231, #0F1706)
• Lagoon Quarry color palette (#F5F6EC, #8ABDA1, #008673, #5B5E12, #384A00)
• Softworn Cypress Balcony color palette (#F1F7EF, #C3DAC5, #6CB2C8, #00695C, #293822)
• Softworn Petrol color palette (#F0F7F4, #E2D7DA, #C1ACBA, #116C95, #303E39)
• Cocoa Orchard color palette (#EAFCDE, #A4C4A8, #5486A3, #825753, #7A3C20)
• Weathered Jade color palette (#FFF4E2, #44AD86, #007882, #6F3564, #33422B)
• Ancient Navy Workshop color palette (#DFEEE9, #C4B3C1, #A18494, #004876, #0C241E)

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