Tempered Cypress color palette — #ECF4EE · #BC9B51 · #007752 · #6C5000 · #000809
Pine takes the lead with Mustard close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Mustard (#BC9B51): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#007752): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#6C5000): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#000809): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Olive Canyon color palette (#F9EFF3, #DF8748, #3B7600, #834000, #000907)
- Washed Harbor color palette (#EAF5EF, #B8B872, #008A60, #6B6800, #001213)
- Misty Harbor color palette (#FEF3E9, #D78300, #006C6A, #714300, #0F1C0F)
- Fern Lagoon color palette (#EAF4F2, #84AF68, #00727D, #346300, #00080D)
- Tempered Moss color palette (#DAF0DE, #89921C, #006E3A, #342D6C, #001D18)
- Weathered Olive Harbor color palette (#E4E0BE, #98A756, #3A7500, #004827, #001E18)
- Fern Basin color palette (#EBF4F0, #CDD8DA, #9AC0BC, #6A6824, #19231E)
- Wandering Pine color palette (#ECF4F2, #ACCFA6, #2490AF, #4B8143, #091820)
Browse the whole catalog at Explore, or see today's palette.