Jade Lagoon color palette — #F2F8E8 · #C1E9CB · #F3B8D4 · #48B177 · #603A39

Jade takes the lead with Carnation close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#C1E9CB): A whisper-light, dusty teal — the color of sea glass.
• Carnation (#F3B8D4): A whisper-light, dusty rose — the color of pressed rose petals.
• Jade (#48B177): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#603A39): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, 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

• Wandering Moss Garden color palette (#FAF5E5, #CAEAC1, #D4C0F6, #A29F3A, #5F3849)
• Teal Garden color palette (#EFF8F0, #ABF5F9, #FDBA9C, #1EAEB5, #623B29)
• Teal Corridor color palette (#E7F9FA, #9CE8C4, #A7C8FF, #65BD95, #3C4E68)
• Tempered Stone color palette (#F3F7E9, #BAE1E8, #C6C3CD, #A8C38F, #475345)
• Cerulean Thicket color palette (#F0F7F2, #D5D8CB, #59909B, #304E3B, #151E18)
• Blush Workshop color palette (#EFFAE5, #92DEC4, #DFA6CC, #D08AA3, #323C29)
• Aged Mint Lagoon color palette (#E6FAFA, #72C49B, #C081AE, #3D8262, #524762)
• Mint Workshop color palette (#EEF5E3, #6FC99C, #7A9DD4, #458062, #3F283E)

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