Jade Lagoon color palette — #F2F4E2 · #79AC67 · #4B611F · #383932 · #23221B

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

The five colors

• Cream (#F2F4E2): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#79AC67): A luminous, balanced green — the color of new leaves after rain.
• Olive (#4B611F): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#383932): a grounded near-black with real depth.
• Onyx (#23221B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Jade 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

• Hushed Teal color palette (#EBF5E8, #42AFA5, #495E4F, #323B30, #20231C)
• Worn Mint Cabin color palette (#E7FAF6, #87C173, #335D5E, #1E2F2C, #0A110F)
• Weathered Mint color palette (#E3F7F2, #9CC583, #5E8389, #495855, #1D241F)
• Muted Alley color palette (#F2F3E4, #658951, #34412F, #292A1A, #151610)
• Ancient Amber Lagoon color palette (#EBFBE5, #78C1B3, #AB9BCC, #BA8559, #3A4734)
• Aged Teal color palette (#F5F9D2, #A0DAB5, #61AF8E, #348173, #3E573D)
• Wandering Workshop color palette (#FAF4E9, #DAD1AF, #9F9E7A, #987834, #5C4C00)
• Seafoam Delta color palette (#EFF9E9, #89D6BF, #DA9DAF, #519D87, #69413B)

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