Cypress Veranda color palette — #F4F6EE · #D0DDD4 · #AEB6A8 · #39724B · #393C32

Built around Pine, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#D0DDD4): a clean, paper-quiet neutral.
• Ash (#AEB6A8): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#39724B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#393C32): quiet, heavy and certain.

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

Use it as a design system

One click turns 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

• Worn Pier color palette (#EEF8EF, #C2D9C8, #7BB0C1, #00686A, #253926)
• Timeworn Chapel color palette (#EEF7F6, #CEDCE4, #AFC1D1, #5C8E65, #2D3F3D)
• Worn Garden color palette (#EFF8F3, #C6E1E3, #CBB3CD, #267395, #35443D)
• Abyss Grove color palette (#E7F2E5, #9AB09B, #6C8773, #00413C, #0D170B)
• Antique Fern Workshop color palette (#F5F7E2, #75A981, #347153, #4D4F00, #323A00)
• Turquoise Orchard color palette (#BFEAE1, #70BEC0, #3E7D90, #6D4D61, #5B3633)
• Twilit Cypress Balcony color palette (#D4E5CB, #007363, #002D2C, #0F160B, #010503)
• Faded Pier color palette (#EEFAE4, #50E07F, #18C093, #008C87, #00352A)

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