Tempered Cypress color palette — #F3F8D8 · #92BD9B · #509C70 · #087453 · #455635
Pine takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F3F8D8): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#92BD9B): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#509C70): A luminous, balanced teal — the color of sea glass.
- Pine (#087453): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#455635): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged 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
- Lagoon Alley color palette (#F0F9E9, #B7E2E5, #92C3CF, #559375, #485542)
- Worn Villa color palette (#D6FFF9, #A6E8AE, #7FCB9A, #689F83, #315759)
- Muted Lagoon Coast color palette (#EAFCE1, #C0D9B5, #409283, #005C4F, #003F34)
- Softworn Orchard color palette (#FEEFD2, #C7BF88, #8B8A3A, #5D6511, #504F47)
- Weathered Pine Basin color palette (#F3F7ED, #83BFA3, #7899D4, #00875F, #3A4D70)
- Muted Teal color palette (#E1F4EB, #00C19D, #008979, #005E56, #044255)
- Bronze Study color palette (#F0F9E4, #68A889, #4394B6, #897518, #41443D)
- Cerulean Veranda color palette (#C4EBCD, #62BBD0, #0085A4, #006180, #0B4966)
Browse the whole catalog at Explore, or see today's palette.