Olive Lagoon color palette — #ECF4F1 · #BDCA98 · #6A81B8 · #687C08 · #0E1623

Olive Leaf and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Pistachio (#BDCA98): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#6A81B8): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#687C08): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0E1623): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Cypress color palette (#EAF4F5, #9BD1BC, #8A77B0, #008667, #131422)
• Dusty Chapel color palette (#F7EFF2, #DEBD97, #418DAA, #9C6309, #071821)
• Cerulean Study color palette (#EEF7F6, #9FCF9D, #158C9F, #4C7A4B, #243035)
• Ancient Azure color palette (#F6F5EE, #CCD8A6, #55A4DA, #86944E, #21322C)
• Ancient Sapphire Cabin color palette (#E6F6F3, #71BD72, #435CD5, #056F18, #01071D)
• Cocoa Coast color palette (#FAEEF7, #95B78B, #2B8598, #7E3B31, #0A3234)
• Patina Navy Veranda color palette (#D3FDEC, #A8CFAE, #3B9A92, #005F7A, #0C2864)
• Timeworn Lantern color palette (#ECF4F4, #D3D7DD, #B1ADB7, #539271, #2B3939)

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