Olive Archive color palette — #FFEED9 · #B0A755 · #708129 · #2E6B3C · #21584A
Olive Leaf and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFEED9): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#B0A755): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#708129): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#2E6B3C): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#21584A): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Olive Archive 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
- Chalky Harbor color palette (#EDDFC0, #ABAA68, #667E1B, #2E5B00, #0F371A)
- Misty Bronze color palette (#FFE6F5, #C8975D, #9B7A14, #5C6302, #375330)
- Patina Lime color palette (#FFF0DE, #E2CA70, #A4BA22, #4A9260, #3E5432)
- Faded Pine color palette (#C6F5DB, #8BB674, #3C8E55, #00675C, #0F4C55)
- Pale Pine color palette (#F3F0D9, #799C00, #1B7B0E, #004D37, #053445)
- Olive Boulevard color palette (#E3FBF6, #85AD73, #9679BD, #45742D, #4A3862)
- Pine Meadow color palette (#D5FFF9, #95C9A0, #3F854F, #2C5118, #143510)
- Tempered Cocoa color palette (#FFF1F7, #BAA479, #8F6950, #744141, #284439)
Browse the whole catalog at Explore, or see today's palette.