Soft Olive Grove color palette — #FFF0F8 · #ABADFF · #BA6D00 · #458700 · #00212E

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#ABADFF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#BA6D00): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#458700): A full-bodied, vivid green — the color of a quiet forest floor.
• Midnight (#00212E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Ancient Olive color palette (#FFECF1, #CC9BE7, #D37653, #537F00, #00313D)
• Amber Hollow color palette (#FFF1F6, #AF94DF, #B18800, #008F5B, #002920)
• Periwinkle Delta color palette (#FCF1FD, #69B3FF, #CE7159, #767800, #0D260A)
• Airy Olive color palette (#F9EDDA, #C9AAEC, #C979A6, #717D00, #47242D)
• Antique Moss Coast color palette (#FFF1F3, #D692CC, #919624, #008679, #2D1326)
• Fuchsia Ridge color palette (#FFF0F3, #E766E2, #9A9000, #00847D, #070E46)
• Dusty Lantern color palette (#FFF1F5, #9C74BB, #AA415C, #096513, #2B111B)
• Feathered Violet Hollow color palette (#F4E4EB, #975CE4, #906500, #006223, #000710)

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