Pine Terrace color palette — #F5F7E7 · #7BAF75 · #B06DB2 · #34772E · #5B363D

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

The five colors

• Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#7BAF75): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#B06DB2): A luminous, balanced pink — the color of neon signs at night.
• Olive (#34772E): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#5B363D): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Feathered Iris Station color palette (#FAF5E4, #A4A54C, #9275D4, #6A6A00, #593647)
• Linen Canyon color palette (#F3F3E1, #84B464, #B176AA, #4A712E, #391936)
• Blush Orchard color palette (#F1F8ED, #73C1AD, #D37895, #18856F, #614541)
• Patina Canyon color palette (#E5FAF7, #85CC81, #C48DCF, #52924F, #433C5F)
• Timeworn Indigo Boulevard color palette (#F3F9DC, #569A64, #5874D0, #9C4F44, #373932)
• Dusty Crimson Courtyard color palette (#E1FFE2, #00A8AB, #E71254, #006A6C, #681929)
• Quiet Plum color palette (#C0F2DA, #27AC7E, #A80086, #005D41, #540041)
• Washed Bronze Thicket color palette (#FEF3E7, #B8A483, #946832, #70462C, #403D36)

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