Olive Veranda color palette — #ECF9F2 · #7FBBD2 · #B87686 · #706C27 · #44433B

A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sky (#7FBBD2): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#B87686): A luminous, balanced red — the color of late-summer berries.
• Olive (#706C27): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#44433B): a grounded near-black with real depth.

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

Use it as a design system

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

• Patina Olive color palette (#FAF2F8, #A1AFDD, #B7768B, #497738, #364063)
• Hushed Drift color palette (#ECF7FF, #89D7FF, #CC8289, #7D6835, #1A4039)
• Antique Bronze color palette (#F2F7EF, #83BFAF, #8F81BF, #965813, #354928)
• Timeworn Bronze color palette (#ECF9ED, #C9E0D7, #BA9DAB, #9E7E3A, #4B5506)
• Frosted Plum Dune color palette (#E2F7F1, #639AD0, #AD4B72, #365C00, #002D51)
• Worn Fern color palette (#F6F6ED, #CDD5B9, #70A89C, #628775, #475408)
• Periwinkle Terrace color palette (#F9EDFA, #759ED3, #67515C, #3F3340, #1B2420)
• Indigo Basin color palette (#CEF9EB, #B7C9FA, #9996D9, #856AAB, #6A434C)

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