Timeworn Cypress color palette — #FAF6E1 · #8AA47E · #3E6F4F · #693F2B · #36362F
Built around Pine, softened by Cocoa — the whole palette hums with nature and growth.
The five colors
- Cream (#FAF6E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8AA47E): A luminous, dusty green — the color of fresh herbs.
- Pine (#3E6F4F): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#693F2B): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Timeworn 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
- Aged Pine Basin color palette (#FAF7DB, #7FB27C, #097D53, #495822, #244323)
- Cypress Pier color palette (#F6F2E4, #9DA57B, #047568, #5F3654, #1B1F00)
- Forest Cabin color palette (#E6E7CF, #699978, #00644F, #2A4714, #252D0A)
- Fern Courtyard color palette (#F7F7DC, #BCF3D6, #71BEB8, #6F6F32, #424800)
- Worn Violet color palette (#F1F0D8, #7A9A47, #8963B8, #456200, #3D2B55)
- Worn Harbor color palette (#F9F5E9, #C6C2A6, #83863F, #7C6217, #584E00)
- Hushed Lagoon Grove color palette (#EDF8F3, #8CC0BB, #249385, #805173, #0B3E3B)
- Pine Harbor color palette (#DDFFD3, #77B278, #30711F, #0D4101, #062700)
Browse the whole catalog at Explore, or see today's palette.