Olive Lagoon color palette — #E4F2EF · #CADCDA · #A5BDBD · #527F46 · #20322F

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

The five colors

• Cream (#E4F2EF): a clean, paper-quiet neutral.
• Silver (#CADCDA): a clean, paper-quiet neutral.
• Ash (#A5BDBD): A luminous, dusty teal — the color of glacier melt.
• Olive (#527F46): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#20322F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Wandering Lagoon Workshop color palette (#E6F9FE, #CDE2EA, #9AC5DA, #008989, #0C3943)
• Timeworn Forest Villa color palette (#E2EDED, #B4C9CB, #8FAAAF, #00734C, #0F2323)
• Hushed Lagoon color palette (#D7E9E4, #87B378, #45824E, #4A5D2C, #00312B)
• Aged Study color palette (#EFEFE6, #C7D8CC, #9DC5B8, #73A247, #2F2F1E)
• Twilit Pine Station color palette (#C6E7E8, #008661, #003C33, #001B1C, #000606)
• Emerald Boulevard color palette (#C1E8DB, #2EAC60, #007B65, #004B7B, #002C1A)
• Basalt Market color palette (#CCECE7, #86B3C3, #448598, #575583, #402C56)
• Aged Abyss Station color palette (#D8E3E9, #95A8B4, #74899B, #004E5D, #010B11)

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