Olive Lagoon color palette — #FBF0E1 · #A1A56A · #39751F · #5C3A4E · #231C00

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

The five colors

• Cream (#FBF0E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A1A56A): A luminous, dusty green — the color of new leaves after rain.
• Olive (#39751F): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#5C3A4E): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#231C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Aged Cypress color palette (#F3F3E5, #74AF8E, #00756B, #62383E, #181F08)
• Hushed Forest Market color palette (#F3ECDE, #7D9951, #006734, #452D54, #0C1500)
• Tempered Stone Orchard color palette (#EDF9EF, #B4BB6E, #638E58, #5A627D, #1B3D31)
• Aubergine Grove color palette (#F8E3E6, #B875B9, #62920E, #7B227F, #132100)
• Cerulean Chapel color palette (#F9F0EB, #B1D1B3, #008AA6, #005F3D, #002338)
• Onyx Lantern color palette (#E8E2CD, #3D7837, #00412F, #320041, #000400)
• Timeworn Apricot color palette (#FFECF1, #F7C4D5, #E39674, #736CA3, #3D1E21)
• Muted Orchid Orchard color palette (#FFE0E7, #B967D0, #3D6B00, #006C52, #250812)

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