Tempered Cypress Veranda color palette — #EFF7F4 · #D1DDE2 · #B2C3CE · #4E8071 · #414A47

Fern takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#D1DDE2): a clean, paper-quiet neutral.
• Ash (#B2C3CE): A luminous, dusty blue — the color of deep harbor water.
• Fern (#4E8071): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#414A47): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered Cypress Veranda 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

• Cypress Cabin color palette (#E9FAF0, #8BBBAF, #4A815F, #3D634F, #2F4842)
• Wandering Olive color palette (#F2F2EC, #D3D8D2, #B3BFB5, #647F47, #2D2D23)
• Frost Orchard color palette (#D1FBEA, #95C0C2, #73909D, #725B73, #5F444D)
• Washed Abyss color palette (#D8E0E4, #AABBCA, #828FA4, #004E59, #122228)
• Worn Quarry color palette (#DBE9E6, #94AFB0, #67858D, #1F4200, #001915)
• Antique Forest Workshop color palette (#EAF9F7, #BDD9DB, #80AFC0, #126D1E, #1B3936)
• Mint Harbor color palette (#E7FAF8, #F2E39C, #7BC68D, #1C95A5, #16494D)
• Hushed Pine color palette (#D5E9E8, #008749, #19373E, #0C2323, #040F10)

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