Weathered Cypress color palette — #F6ECE0 · #8A9C73 · #007C7C · #633641 · #442323

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

The five colors

• Cream (#F6ECE0): bright and airy, almost weightless.
• Moss (#8A9C73): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007C7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#633641): A deep, shadowed, dusty red — the color of embers at dusk.
• Espresso (#442323): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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

• Washed Cypress Alley color palette (#FBDAEC, #9E8F60, #257657, #6C3447, #44314C)
• Timeworn Teal Loft color palette (#D7EFE4, #6DAA88, #2F6C84, #623F15, #3B3100)
• Garnet Delta color palette (#D8F0DA, #629261, #006871, #5D2112, #381A31)
• Patina Lagoon Study color palette (#E6F0D2, #88B796, #418A86, #595976, #41354F)
• Tempered Pewter color palette (#F1ECD0, #94C096, #809F7D, #99627A, #532B3D)
• Dusty Pier color palette (#E2E2CC, #2E8768, #004F71, #492300, #231900)
• Forest Pier color palette (#DDE8DC, #8F904E, #0A6713, #573500, #033122)
• Washed Ash color palette (#DDFEF5, #AEC8D0, #7E92AE, #657564, #485447)

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