Pine Terrace color palette — #F5F3DB · #90B47E · #008223 · #703D21 · #122705
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5F3DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#90B47E): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#008223): A full-bodied, vivid green — the color of fresh herbs.
- Bronze (#703D21): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#122705): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Hushed Cypress Terrace color palette (#EFF4E4, #66BB9B, #007D6A, #654600, #192509)
- Olive Ridge color palette (#FDF0D9, #B4AA56, #6C7100, #71393E, #2A1F00)
- Moss Corridor color palette (#EAE5CF, #7EA431, #316B00, #543800, #101A00)
- Faded Balcony color palette (#E3FCEF, #85B362, #007D50, #5F4569, #2D411E)
- Misty Amber color palette (#FFEFE0, #DD7C00, #009C5C, #864900, #002814)
- Faded Emerald Coast color palette (#DEFEF3, #98CC78, #4C9B4E, #8C5B43, #10443C)
- Chestnut Ridge color palette (#F3F2E8, #C4C6A9, #698E6B, #7D5A12, #31322B)
- Washed Cypress Field color palette (#ECF6DF, #62BBA5, #007C73, #115179, #152607)
Browse the whole catalog at Explore, or see today's palette.