Tempered Cypress color palette — #EAF4F4 · #CCD8DF · #A1BDC2 · #2C7451 · #162323

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

The five colors

• Ivory (#EAF4F4): a clean, paper-quiet neutral.
• Silver (#CCD8DF): a clean, paper-quiet neutral.
• Ash (#A1BDC2): A luminous, dusty blue — the color of deep harbor water.
• Pine (#2C7451): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#162323): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Washed Canyon color palette (#DEF8F5, #7DAD8F, #2B735A, #204F4B, #002221)
• Tempered Hollow color palette (#EAF3FA, #D3D5E2, #B0C1D7, #1D739E, #142735)
• Pine Boulevard color palette (#F4F6F0, #D1DCD7, #A5B9AA, #217640, #364000)
• Timeworn Lagoon Hollow color palette (#EEF7F7, #D3DCE2, #BDB1B6, #639870, #233231)
• Weathered Abyss Study color palette (#DBECED, #A0B8BD, #72949D, #00503D, #000E0F)
• Charred Drift color palette (#DAECEF, #00756A, #002A35, #000F13, #000303)
• Cerulean Bloom color palette (#DDF1F6, #83A4B1, #5B8097, #464C68, #25233B)
• Denim Corridor color palette (#E2EAF2, #C1CDDB, #9AA4B6, #005991, #0E171F)

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