Olive Bloom color palette — #F8F6E8 · #7B881B · #566194 · #424B73 · #41312E

Built around Olive Leaf, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Olive Leaf (#7B881B): A full-bodied, balanced green — the color of a quiet forest floor.
• Slate (#566194): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#424B73): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#41312E): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Gentle Emerald color palette (#F3F7EA, #49A265, #6A5C8D, #4F416E, #502300)
• Amber Courtyard color palette (#FFF2ED, #CF6F4E, #4E69A6, #3C4C6E, #3A2E36)
• Timeworn Amber Quarry color palette (#FBEDF4, #B87A55, #696095, #61345A, #201620)
• Bronze Bloom color palette (#F7F5ED, #D5DDD6, #A0AEB6, #958138, #55524A)
• Pewter Hollow color palette (#ECF9F0, #008488, #764C85, #52315E, #302718)
• Mustard Harbor color palette (#FFF3E4, #C2C072, #5C986B, #066B62, #00536A)
• Tempered Orchard color palette (#FFF3EA, #CA906D, #867FAE, #875C84, #43322D)
• Taupe Terrace color palette (#FFF2EC, #A9AE63, #3C857F, #724E55, #494C00)

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