Muted Cypress color palette — #F4F2E6 · #82AC8C · #007564 · #633838 · #1A1F03

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F2E6): bright and airy, almost weightless.
• Sage (#82AC8C): A luminous, dusty teal — the color of sea glass.
• Teal (#007564): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#633838): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#1A1F03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted Cypress 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 Chapel color palette (#F9F0E4, #A3A472, #46722A, #5F3F00, #221C06)
• Dusty Workshop color palette (#F6F6E9, #71AC73, #36714D, #4E4B44, #35362F)
• Washed Harbor color palette (#EFF0DE, #579E81, #006260, #20430D, #0C1500)
• Emerald Cabin color palette (#EAF9F5, #B6DCB4, #4C9D6A, #6F6337, #0D2E2B)
• Dusty Pine color palette (#D0FEDF, #6FC288, #007C37, #003F24, #000F05)
• Ancient Mint color palette (#E5FBF3, #83C793, #36927F, #735A71, #153D3B)
• Dusty Lagoon Courtyard color palette (#E8E8D2, #378A67, #004F4B, #4B140B, #050A00)
• Dusty Lagoon color palette (#E9E5D6, #989F16, #4C7600, #004B19, #00251A)

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