Olive Bloom color palette — #F0F1DB · #778713 · #565600 · #383100 · #070E00

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

The five colors

• Cream (#F0F1DB): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#778713): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#565600): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#383100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#070E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Softworn Bronze color palette (#EADDC9, #9D7700, #6E4B00, #462800, #0F0B00)
• Dusty Olive color palette (#E2E2C8, #5B7118, #3C3B00, #241B00, #020F00)
• Emerald Harbor color palette (#EDE5CB, #6A9451, #545000, #311C00, #000201)
• Emerald Grove color palette (#DCE2D5, #389500, #00642A, #003C24, #00120C)
• Ancient Orchard color palette (#EFE8D1, #ACB664, #878442, #655B31, #31312A)
• Hushed Garnet color palette (#E8E1D2, #656000, #004F45, #570009, #030100)
• Washed Emerald Studio color palette (#CAF0FF, #00A45D, #8D7F00, #100D00, #030200)
• Hushed Amber Balcony color palette (#FFE5D3, #CF6F18, #99430B, #682410, #231100)

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