Tempered Cypress color palette — #F3F7F0 · #C7C19C · #326A5C · #2D3F20 · #1D2924

Pine and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7F0): a clean, paper-quiet neutral.
• Pistachio (#C7C19C): A luminous, dusty green — the color of fresh herbs.
• Pine (#326A5C): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#2D3F20): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#1D2924): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Antique Lagoon color palette (#EBF8FC, #F7C5A8, #338D8C, #30535D, #1F2E32)
• Washed Drift color palette (#EAF8F9, #DBE5A8, #6DAE97, #567375, #212E2F)
• Washed Canyon color palette (#F0F7F2, #92CBD6, #5381B1, #007B8A, #352937)
• Timeworn Denim Boulevard color palette (#EAF9F5, #8BBC9C, #1F5581, #003053, #152521)
• Shadow Fern Workshop color palette (#DDEADA, #4D6A05, #1E262B, #001917, #000303)
• Tempered Drift color palette (#D5E2D8, #6C9C55, #003D45, #001A1E, #000907)
• Dusty Cocoa color palette (#F5F6EE, #66915F, #975554, #7B4100, #33312A)
• Dusty Cerulean color palette (#F0F7F3, #D3DBDB, #A6ACB9, #4D8CA1, #4D5550)

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