Olive Veranda color palette — #FFF1F2 · #CC8DC6 · #BC676D · #4A6F05 · #002119

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#CC8DC6): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#BC676D): A luminous, balanced red — the color of late-summer berries.
• Olive (#4A6F05): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#002119): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Hushed Forest Balcony color palette (#FFF1F4, #B390C6, #B56539, #007037, #271120)
• Soft Thicket color palette (#FCF1FA, #879CDA, #BC5982, #5C5A00, #082419)
• Patina Forest Dune color palette (#FEF0FC, #98BBFA, #C36E64, #046E3C, #00313D)
• Worn Boulevard color palette (#FFF1F2, #D5A4C8, #C28B5C, #07755D, #302028)
• Antique Pine Boulevard color palette (#F8F7DE, #BBC9FF, #B779AF, #14754E, #442735)
• Sunlit Coral color palette (#FFF2ED, #D77778, #807800, #005364, #180205)
• Weathered Amber color palette (#FAF2FE, #EC98B9, #DC8B00, #7D8327, #0F2C2C)
• Plum Thicket color palette (#FFF2EE, #BE4F63, #735800, #004043, #0D0003)

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