Pine Veranda color palette — #FDF3E9 · #BCAF87 · #587F4F · #714C62 · #524000

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

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Sage (#BCAF87): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#587F4F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#714C62): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Veranda 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

• Aged Fern color palette (#F8F5ED, #C1C3AB, #588D7D, #7D5B63, #4F5100)
• Wandering Grove color palette (#FAF4EB, #90A277, #2E7252, #5B3D68, #36362F)
• Olive Villa color palette (#E9F6EB, #B8B689, #6A7E3E, #51526F, #182C23)
• Antique Coast color palette (#FFF2EE, #E0DECD, #B6CB8E, #99618E, #4E4742)
• Ancient Corridor color palette (#FFF1F5, #DBD9A0, #92B88B, #858FAE, #31483D)
• Aged Lagoon Corridor color palette (#FFF3E8, #B4794D, #008E87, #036E86, #3D3732)
• Cocoa Summit color palette (#FFF2EB, #DBA38A, #AC5E4B, #722600, #521D0F)
• Worn Courtyard color palette (#FBF3F1, #CEE3D1, #5992AF, #207347, #32486B)

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