Olive Veranda color palette — #F3EFD4 · #6A7C00 · #00724B · #004241 · #010100
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3EFD4): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#6A7C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00724B): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004241): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. 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
- Quiet Rust color palette (#FFE9DC, #BC4901, #516A00, #003D5D, #030000)
- Soft Aubergine color palette (#FAECD1, #745D00, #005A56, #2D006D, #020100)
- Antique Amber Courtyard color palette (#FFD6CC, #D2861C, #676700, #00350A, #000402)
- Fern Thicket color palette (#E7E6D2, #3A5800, #004355, #2B0033, #010100)
- Wandering Lantern color palette (#F9EECA, #7A7700, #006B7F, #5D0065, #010100)
- Patina Tangerine color palette (#FFF2EB, #EA815B, #007158, #852B00, #000201)
- Ancient Aubergine Grove color palette (#FFEADA, #CB6E0E, #376200, #3D0065, #060300)
- Airy Aubergine Pier color palette (#FFF4DA, #A59300, #00918C, #84009C, #100D00)
Browse the whole catalog at Explore, or see today's palette.