Tempered Cypress color palette — #F9F1E1 · #A3A27D · #267457 · #503A6B · #1F1D00

Built around Pine, softened by Royal Purple — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#A3A27D): A luminous, dusty green — the color of new leaves after rain.
• Pine (#267457): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#503A6B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#1F1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Lagoon color palette (#F5F2E5, #AFB895, #30847B, #6A476A, #252A12)
• Washed Aubergine Veranda color palette (#F4E2C8, #909C58, #006E35, #54177E, #141800)
• Hushed Pine color palette (#FAF5E6, #90A279, #357339, #663D45, #36362F)
• Antique Garnet Pier color palette (#EDEAD7, #679B7C, #006260, #5B1F43, #00170A)
• Weathered Study color palette (#EBF9F2, #C4D9A9, #5F9B61, #7A5479, #042F27)
• Onyx Boulevard color palette (#EFE7D2, #5C8555, #005041, #3D104F, #010B00)
• Bronze Canyon color palette (#F3E2D5, #BB5F17, #0076AB, #3F5291, #240C00)
• Hushed Chestnut Dune color palette (#FFE8D2, #DB9D70, #915200, #4E2E00, #170700)

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