Mint Lagoon color palette — #F4F7E9 · #8BC08C · #C4896A · #577E58 · #524C47

Mint Leaf and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Mint Leaf (#8BC08C): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#C4896A): A luminous, balanced orange — the color of toasted spice.
• Fern (#577E58): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#524C47): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Mint 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 Mustard Orchard color palette (#FAF5E7, #BDB35C, #CA7F92, #7C7430, #614540)
• Muted Balcony color palette (#EEF8EF, #44C5C8, #A79A53, #2E8082, #504D46)
• Aged Pine color palette (#F0F4E4, #8DC299, #BE88B2, #3F8252, #46262A)
• Patina Mint color palette (#F6F7E7, #92BF76, #58A3C8, #5C7E46, #335548)
• Aged Oat color palette (#F0F9E7, #C5E0F8, #BCDABF, #858D71, #4C5446)
• Wandering Basin color palette (#EDF9EA, #47C7BB, #9093CA, #19837B, #5D4454)
• Tempered Delta color palette (#FDF4E7, #C8B594, #A07839, #7F5313, #5B4400)
• Lagoon Corridor color palette (#EAF9F7, #A5D1AE, #CCA0CB, #5E9D6E, #50466A)

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