Dusty Cypress color palette — #FBF5E7 · #8AA47B · #2A715A · #693A4B · #36362F
Pine and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF5E7): bright and airy, almost weightless.
- Moss (#8AA47B): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#2A715A): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#693A4B): A full-bodied, dusty rose — the color of strawberry cream.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty 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
- Navy Lagoon color palette (#FEF3E9, #A99972, #4E6D3E, #464379, #38352E)
- Patina Basalt Harbor color palette (#E6E5D8, #65997F, #006163, #5D2749, #00321F)
- Aged Cypress color palette (#E6F6F2, #75AF89, #00765F, #3C436B, #002221)
- Aubergine Cabin color palette (#F8E9D2, #889C3F, #006D3A, #4D2B81, #293300)
- Patina Lagoon Bloom color palette (#F6F7E7, #8EC39F, #00967A, #78576F, #303B00)
- Wandering Cobalt color palette (#FBF3EE, #AECDC0, #5A78AE, #006059, #3A345A)
- Hushed Mulberry color palette (#FFE9E5, #BF738B, #008D71, #9F0053, #004032)
- Powdered Delta color palette (#F4ECD6, #548953, #005144, #590620, #012203)
Browse the whole catalog at Explore, or see today's palette.