Weathered Cypress color palette — #F3F3E6 · #81AD86 · #007756 · #005153 · #1B1F04

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

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Sage (#81AD86): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007756): A full-bodied, balanced teal — the color of sea glass.
• Forest (#005153): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1B1F04): 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 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

• Cypress Orchard color palette (#F3F4DD, #7BB890, #007D65, #3E477C, #1D2401)
• Patina Bloom color palette (#E7EADB, #44A17F, #00635A, #363064, #0C1600)
• Weathered Fern color palette (#EFE4C7, #88A045, #1E6E00, #004267, #121900)
• Softworn Olive color palette (#F8F1E6, #C2B28C, #707C40, #365F4A, #2E2612)
• Lagoon Archive color palette (#E9F9F5, #88C691, #399372, #436A76, #173C3A)
• Washed Lagoon Delta color palette (#E1E3CA, #458865, #005043, #003037, #000B04)
• Hushed Workshop color palette (#F5F1EB, #9AD2E0, #0987B2, #005C58, #00223B)
• Ancient Lantern color palette (#F3E7D1, #6B6D12, #273E00, #002230, #030300)

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