Pine Terrace color palette — #EFF7F7 · #D1DBE2 · #A0C3CE · #007F4C · #254646

Built around Teal, 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 (#A0C3CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007F4C): A full-bodied, balanced teal — the color of sea glass.
• Forest (#254646): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Patina Pine Lantern color palette (#ECF4F3, #CCD9E3, #A7C4D6, #10803A, #172927)
• Muted Chapel color palette (#E8F0F1, #C2CFD2, #84A7B5, #00644B, #203133)
• Hushed Emerald color palette (#F4F6EF, #CDDFD9, #A0CBCA, #2E9F4F, #3C4500)
• Fern Parlor color palette (#DEFDF7, #70B48F, #007B68, #2A5F19, #16452E)
• Nocturne Quarry color palette (#C8E6EC, #00796F, #003138, #001D1A, #00080E)
• Abyss Chapel color palette (#E2EDF2, #9BACB8, #6C819A, #003F49, #001720)
• Cerulean Hollow color palette (#BFF5FA, #89BACA, #4487AC, #7E445D, #673D19)
• Weathered Chartreuse color palette (#E1FBFF, #89E38B, #00CBA8, #0096B2, #003A36)

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