Olive Archive color palette — #FAF6E2 · #9DA56F · #8A7EC3 · #646C00 · #433B64

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

The five colors

• Cream (#FAF6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9DA56F): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#8A7EC3): A luminous, balanced violet — the color of a velvet chair.
• Olive (#646C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#433B64): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Faded Pine color palette (#F4F8E4, #77B07D, #AB6FB6, #007B2A, #56325D)
• Aged Harbor color palette (#F7F1E5, #B5A452, #AA73C5, #756400, #321D3C)
• Chestnut Field color palette (#FEF3E8, #C49563, #4A90C4, #8F5600, #10466A)
• Wisteria Boulevard color palette (#EBF9F1, #CBB85B, #C687E5, #948000, #4E385A)
• Plum Summit color palette (#FAF7D9, #7D933E, #3382B7, #AD3662, #393831)
• Cocoa Lantern color palette (#FFF2EA, #BCA18A, #99634D, #7B3C38, #563500)
• Sunflower Boulevard color palette (#E3FCF2, #C9D759, #C8ADFE, #9CA65B, #473A60)
• Hushed Plum color palette (#ECFCDD, #2BBD96, #B92F80, #006D54, #680E45)

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