Pine Terrace color palette — #EAF4F3 · #9ABF9B · #008875 · #007A25 · #001214

Built around Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Sage (#9ABF9B): A luminous, dusty green — the color of new leaves after rain.
• Fern (#008875): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#007A25): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001214): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Balance. Tagged duotone, muted.

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

• Antique Atelier color palette (#E8F4F6, #77C4B5, #0082A0, #007566, #021019)
• Chestnut Cabin color palette (#EBF5EF, #C2B472, #5D8141, #756400, #00120F)
• Dusty Pine color palette (#EBF4F4, #D0D8DD, #AEBFCC, #368761, #212F2F)
• Quiet Emerald color palette (#F4F6ED, #99D69E, #00A694, #3F954C, #1E271A)
• Dusty Cobalt color palette (#F7F5EC, #A6B77C, #0674B5, #556900, #162823)
• Patina Navy color palette (#DEF9F3, #5AAE9E, #007A81, #333D87, #00282F)
• Worn Lagoon Pier color palette (#C1F8E3, #6FBAAE, #008F8B, #00585E, #002C33)
• Tempered Pine color palette (#D3E5E4, #007C4E, #144153, #00331E, #000202)

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