Olive Veranda color palette — #F9F0CD · #627000 · #433700 · #2A1700 · #021000

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

The five colors

• Custard (#F9F0CD): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#627000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#433700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#2A1700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#021000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Bronze color palette (#F0DCE3, #826200, #532E00, #370A00, #0D0C00)
• Aged Olive color palette (#E7E0D2, #707300, #184300, #002115, #000E0E)
• Hushed Bronze Canyon color palette (#F5EAD2, #909740, #7F6E00, #654600, #070E00)
• Patina Thicket color palette (#D7EAD7, #8A5F00, #003E24, #362200, #000202)
• Ancient Moss color palette (#D9F2DC, #958A23, #704F00, #542A07, #052B23)
• Cellar Navy color palette (#CDE8CE, #5B3D00, #002987, #00154F, #080400)
• Pale Amber Grove color palette (#FFE7EE, #B79A3D, #925B00, #6C3A24, #0F3F30)
• Pale Lantern color palette (#ECE5F1, #009695, #D2004A, #1E020F, #050006)

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