Tempered Cypress color palette — #F6F2E0 · #82AC90 · #00746F · #5B3954 · #191F03
Teal and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F2E0): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#82AC90): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00746F): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5B3954): A deep, shadowed, dusty pink — the color of peonies in June.
- Onyx (#191F03): 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 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
- Moss Courtyard color palette (#EDE4CE, #6FA65A, #006B55, #572A58, #061C00)
- Antique Bloom color palette (#F6F7E6, #7AA789, #19735E, #683B4D, #303B00)
- Ancient Lagoon color palette (#FAF0E3, #BBB491, #54815F, #6B4A56, #2C2710)
- Muted Delta color palette (#F9EBDD, #97904A, #366226, #532F01, #151300)
- Dusty Lagoon color palette (#E9FAF3, #90C2A1, #00948E, #805177, #143D3C)
- Dusty Lagoon color palette (#E9E8DA, #278C6A, #004E52, #451433, #000B06)
- Bronze Lagoon color palette (#FFEBBF, #BCA056, #7D6500, #433200, #100B00)
- Aged Thicket color palette (#FFEFDE, #E2D6B0, #75C2AF, #986164, #2B1F00)
Browse the whole catalog at Explore, or see today's palette.