Olive Lagoon color palette — #DCEAE6 · #5C8802 · #00496C · #283E00 · #000103

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

The five colors

• Parchment (#DCEAE6): a clean, paper-quiet neutral.
• Olive Leaf (#5C8802): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00496C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Forest (#283E00): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Muted Bronze color palette (#E4EEE7, #937400, #004969, #443400, #000103)
• Aged Pine Boulevard color palette (#D5EEEC, #007D3D, #003372, #003416, #000105)
• Dusty Hollow color palette (#E9EFD4, #1A8F51, #00504F, #002834, #000120)
• Gentle Nightshade color palette (#D1E3E0, #368E32, #3419B2, #074306, #01000A)
• Pine Terrace color palette (#EAD7E7, #057930, #004255, #410003, #000705)
• Sunlit Terrace color palette (#E1E0D4, #74A400, #006894, #405D00, #000503)
• Pale Grape color palette (#DBF3F2, #00B16A, #6B00DC, #005C35, #050014)
• Misty Delta color palette (#DCE7EB, #00A0AF, #762D93, #005058, #02000F)

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