Olive Workshop color palette — #F5F8E0 · #21840A · #005F71 · #003685 · #361624

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

The five colors

• Cream (#F5F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#21840A): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#005F71): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003685): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#361624): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Olive Workshop 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

• Pale Canyon color palette (#F2F8EA, #00794F, #004E73, #2E2971, #2F171C)
• Washed Dune color palette (#FDF5DD, #706A00, #00665A, #00455A, #192244)
• Weathered Atelier color palette (#E6FCEC, #B07D00, #008487, #005A7E, #391421)
• Airy Olive Corridor color palette (#FAF5E2, #7F8500, #006A4E, #004758, #432B00)
• Powdered Bronze Veranda color palette (#FFEFE0, #A76400, #00567F, #003B59, #1C0116)
• Ancient Plum Veranda color palette (#FFF1F0, #C90078, #00597C, #2F2593, #381A22)
• Worn Orchard color palette (#FCF3EB, #AD763D, #735C98, #733F5C, #39322F)
• Ultramarine Orchard color palette (#EEF9ED, #B5574C, #3A51AC, #4F2F68, #3D2423)

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