Forest Veranda color palette — #ECF7FF · #6199B1 · #7F8448 · #386D3B · #2C404C

A conversation between Pine and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Slate Blue (#6199B1): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#7F8448): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#386D3B): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#2C404C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Forest 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

• Wandering Boulevard color palette (#F1F5FF, #868AC3, #458F76, #036D70, #353D52)
• Hushed Bronze color palette (#ECF2FE, #848FD1, #988129, #1A6D59, #1D232E)
• Timeworn Loft color palette (#FEF0FB, #BC7D75, #838343, #456B3C, #473744)
• Aged Periwinkle Boulevard color palette (#FAF2FB, #7DAEE9, #AC9B58, #2F8A87, #443845)
• Chestnut Workshop color palette (#FFF1F6, #B79CC0, #9E6662, #665921, #524154)
• Cobalt Orchard color palette (#E7EFFF, #5C6AB2, #007449, #00504D, #192640)
• Patina Grove color palette (#FFF1F4, #E0AAF9, #E7A392, #6CA2BD, #49383C)
• Powdered Byzantium color palette (#E2E1FF, #8B37BA, #006666, #004458, #2B113B)

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