Olive Bloom color palette — #FFF4DF · #CCE8BC · #BABF77 · #6F8839 · #51524A

A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#CCE8BC): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BABF77): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#6F8839): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#51524A): a grounded near-black with real depth.

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

• Lagoon Lagoon color palette (#FCF7D2, #BAF2DA, #83BD8B, #369168, #465838)
• Washed Bronze color palette (#FFF2EB, #E3D9C5, #E5AA6F, #A07629, #524E47)
• Muted Orchard color palette (#FFE6EF, #D0BB62, #7E8941, #4E693F, #173D3F)
• Muted Courtyard color palette (#F6F8DE, #B2E6D4, #9DBE84, #567B3C, #1F300D)
• Ancient Moss Market color palette (#F8F6E8, #C1EDCB, #D7BEFB, #8FA54C, #5F3848)
• Emerald Workshop color palette (#DCEEA6, #8CC25B, #009134, #005437, #002820)
• Frosted Emerald color palette (#E4FFD2, #95D494, #00A368, #007459, #003D37)
• Muted Olive color palette (#EBE5C7, #7C7B00, #394B00, #041800, #000200)

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