Pine Terrace color palette — #F1F3EC · #CBDCD3 · #AFC6B4 · #008135 · #242717

Olive and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#CBDCD3): A whisper-light, dusty teal — the color of sea glass.
• Stone (#AFC6B4): A luminous, dusty teal — the color of sea glass.
• Olive (#008135): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#242717): A deep, shadowed, dusty green — the color of fresh herbs.

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 Bronze color palette (#F4F2EB, #D2D9CF, #B9C4A5, #7A6C00, #2D240D)
• Wandering Archive color palette (#F4F6EE, #CDDFD4, #B2C2A9, #007F48, #394600)
• Hushed Forest Canyon color palette (#E8EAE4, #C6CEC4, #94AA9C, #006640, #13180A)
• Timeworn Lagoon Boulevard color palette (#EEF3EE, #D0D9D8, #CEB9C1, #258582, #262F26)
• Dusty Emerald Studio color palette (#ECF8F7, #CDDDE8, #AFC2DA, #399D51, #2E4543)
• Hushed Market color palette (#EEE7C5, #85B094, #378190, #7B4245, #462700)
• Lowlit Cypress color palette (#E4F5DC, #007D6C, #003039, #061500, #030400)
• Garnet Meadow color palette (#F9F2D7, #838A00, #006389, #6A003D, #1C1800)

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