Olive Veranda color palette — #F3F2EC · #CAC59F · #6A83B1 · #687C00 · #1D111C

Olive Leaf and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F2EC): bright and airy, almost weightless.
• Pistachio (#CAC59F): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#6A83B1): A luminous, dusty violet — the color of wild irises.
• Olive Leaf (#687C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#1D111C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Bronze Hollow color palette (#F6F1EB, #D9BEA0, #3C90A2, #9C6300, #0D1911)
• Hushed Pine color palette (#F0F3EC, #99D2B8, #9871A8, #0E8660, #1F1115)
• Patina Lagoon Pier color palette (#F5F6EE, #A5CDA0, #008F94, #4C7B47, #263127)
• Softworn Azure color palette (#F0F7F4, #CED7A4, #56A3DD, #88944B, #262F37)
• Sapphire Quarry color palette (#F1F3E6, #7BBA78, #3F61CB, #0E6F13, #150113)
• Lagoon Atelier color palette (#F1F3EC, #D1D9D7, #A5B4BB, #618F71, #353730)
• Worn Dune color palette (#FAF3D2, #B9C499, #4A9B91, #00617B, #05245F)
• Patina Bloom color palette (#FDEEE8, #96B789, #2F8596, #7E3B35, #27301B)

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