Muted Lagoon color palette — #F8F6E7 · #6B7A00 · #006564 · #004566 · #341F2D

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

The five colors

• Ivory (#F8F6E7): a clean, paper-quiet neutral.
• Olive Leaf (#6B7A00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#006564): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#004566): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#341F2D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Muted 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 Pine Summit color palette (#F3F7EB, #1A8750, #00698C, #313D74, #372026)
• Pine Field color palette (#FCF4E6, #A1861F, #187726, #005354, #512E19)
• Antique Fern color palette (#F3F3DA, #3A6B00, #004953, #002D52, #1D1035)
• Wandering Bronze color palette (#FFF4E0, #BD8E46, #7B6900, #005C45, #413C36)
• Wandering Indigo color palette (#FFF1F7, #7F64BF, #006653, #004F5D, #352534)
• Pale Fern Archive color palette (#FFF3E7, #9C6219, #126C0F, #004B43, #1A3128)
• Worn Ember Hollow color palette (#FFEEE3, #D4541B, #006E73, #005054, #1D0B11)
• Frosted Bronze color palette (#FFF3E7, #AB5E00, #366C1B, #642D51, #34231B)

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