Olive Lagoon color palette — #F6F1EA · #C1B28C · #717B44 · #3B5F42 · #30260D

Walnut and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Camel (#C1B28C): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#717B44): A full-bodied, dusty green — the color of fresh herbs.
• Pine (#3B5F42): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#30260D): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Worn Olive Cabin color palette (#F9F1E4, #AC9F77, #576E23, #064E65, #241B00)
• Timeworn Cypress Chapel color palette (#F3F4DE, #77B98E, #007D65, #00575E, #002813)
• Softworn Meadow color palette (#EFF8F0, #CDC699, #8A965A, #527A77, #34483D)
• Velvet Cabin color palette (#EDDFC6, #6A6C27, #273E00, #002616, #030300)
• Wandering Boulevard color palette (#E6E9D8, #5A9D82, #00635A, #00404D, #00170E)
• Worn Cerulean color palette (#F5F1EB, #C9E4D6, #5C94BD, #006B72, #3A223B)
• Amber Meadow color palette (#E6F6EF, #72ADCA, #C37850, #006E94, #431900)
• Hushed Study color palette (#DEF9EF, #5495BE, #B75E7F, #657402, #03251B)

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