Weathered Cypress color palette — #F6F2E1 · #9EA57A · #30725E · #66363B · #1C1E02

Teal and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E1): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9EA57A): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#30725E): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#66363B): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#1C1E02): 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 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

• Cocoa Archive color palette (#F2F3E9, #8EC0A8, #38837E, #7F4221, #232B17)
• Pine Lagoon color palette (#F7F6E9, #8BA478, #3F7138, #624500, #36362F)
• Fern Bloom color palette (#F8E1C0, #979C2E, #2A6C00, #513A00, #171800)
• Ancient Basalt Harbor color palette (#E7E6D6, #639C79, #006358, #2D4008, #0F1500)
• Tempered Thicket color palette (#E9FAF4, #BFDAB1, #629A64, #4F6B55, #022F29)
• Olive Station color palette (#DAFDD7, #79B57D, #437B2B, #004411, #001402)
• Antique Pine color palette (#F1EFD5, #46895C, #004F44, #471919, #000B03)
• Linen Moss Thicket color palette (#E4E4C1, #6AA037, #704498, #7E2F53, #161500)

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