Pine Terrace color palette — #E6FBF4 · #8AB074 · #177F26 · #006041 · #14433C
Olive and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
- Sage (#8AB074): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#177F26): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006041): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#14433C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Weathered Grove color palette (#E5FAF9, #6CB497, #007B68, #005D5D, #134245)
- Frosted Pine Lantern color palette (#E4F8EA, #9CB25F, #287E3B, #1E5461, #00281E)
- Ancient Cabin color palette (#D2EBE5, #699A68, #006636, #064939, #00302D)
- Lime Market color palette (#FFF4DE, #ACC958, #4C9A5A, #2C7675, #3C3B34)
- Lagoon Villa color palette (#ECF8F5, #9DCCC5, #648C70, #4D6B78, #3B524F)
- Jade Thicket color palette (#EBFAEB, #CDD58D, #67BB74, #4296A3, #3A3E15)
- Washed Olive Harbor color palette (#DAF2E7, #617512, #254000, #002926, #00140E)
- Antique Harbor color palette (#E6EAFF, #6865FF, #C60092, #006C7C, #232F4E)
Browse the whole catalog at Explore, or see today's palette.