Cypress Study color palette — #F4F3E3 · #7EAD8C · #007566 · #5C3953 · #1A1F0A

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

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#7EAD8C): A luminous, dusty teal — the color of glacier melt.
• Teal (#007566): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3953): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#1A1F0A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Muted Moss color palette (#EDE4CE, #7BA358, #006D42, #681F3A, #0C1B00)
• Softworn Olive Balcony color palette (#FBF0E3, #A5A36C, #48721D, #453F6A, #241B00)
• Worn Cypress color palette (#F4F8E1, #72AA84, #2A7256, #4F4A44, #343630)
• Ancient Olive color palette (#F6F1E9, #B4B888, #5A814C, #724749, #2D270F)
• Wandering Fern Canyon color palette (#E9DED0, #9A903E, #416000, #4D330A, #181100)
• Mint Orchard color palette (#E3FCF4, #85C69B, #379183, #685D7C, #123D3C)
• Hushed Lagoon color palette (#E9F9F7, #ABDEBB, #489C7B, #7F5B33, #002F2E)
• Dusty Lagoon color palette (#E3E5CA, #1B8D69, #004E4D, #4A0C34, #050A00)

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