Cypress Terrace color palette — #EFF7F7 · #D1DBE2 · #A1B7C2 · #3A714E · #303E3D

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D1DBE2): a clean, paper-quiet neutral.
• Ash (#A1B7C2): A luminous, dusty blue — the color of open sky before noon.
• Pine (#3A714E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#303E3D): a grounded near-black with real depth.

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

Use it as a design system

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

• Ancient Pier color palette (#F0F3EB, #CCDAD3, #AEBCAA, #297454, #1F2219)
• Petrol Studio color palette (#EDF7FE, #D8D8EC, #B3BBD8, #00749B, #34424B)
• Cypress Coast color palette (#EBF9F5, #78A78D, #007269, #40522E, #1D3B3B)
• Abyss Coast color palette (#DAE3E3, #A9BDC2, #6397A9, #005239, #072425)
• Washed Denim color palette (#E8F0F6, #C6CCD8, #9C9EB7, #0E5A87, #222F3B)
• Tempered Pewter color palette (#DDE8EF, #8F9BA8, #627090, #00303D, #000B13)
• Pewter Atelier color palette (#BBE9E3, #7FACB4, #5E7F99, #704C61, #583837)
• Airy Garnet Atelier color palette (#FCE7F6, #4B9961, #006672, #731928, #09373B)

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