Olive Boulevard color palette — #FFF3E6 · #ADA653 · #3E7A28 · #694356 · #3D3A34

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ADA653): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3E7A28): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#694356): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#3D3A34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Wandering Clover color palette (#FCF5E2, #72B858, #007C62, #654265, #3B3B34)
• Olive Ridge color palette (#E5F7E9, #BBA758, #746E00, #6F3D24, #012815)
• Wandering Moss Bloom color palette (#F2E2CE, #879439, #146532, #55313F, #302902)
• Fern Studio color palette (#FAF5E3, #94BB9A, #338278, #6D5153, #3F4800)
• Moss Boulevard color palette (#FFF3E2, #CCBB77, #918A1E, #8D5B42, #443A0F)
• Indigo Summit color palette (#FFF4E1, #C79D25, #5661D0, #735800, #2D346C)
• Weathered Delta color palette (#FCEBB6, #9A7C00, #6B5DD1, #793E91, #3B2F03)
• Misty Atelier color palette (#EDEECF, #00AA87, #00676F, #642F41, #00372A)

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