Jade Lagoon color palette — #F0F4E7 · #5BC077 · #007C72 · #006E31 · #010D00

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

The five colors

• Cream (#F0F4E7): a clean, paper-quiet neutral.
• Jade (#5BC077): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007C72): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#006E31): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#010D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Aged Lime Field color palette (#F5F2E2, #9DB34A, #007F53, #546300, #060B00)
• Patina Teal Summit color palette (#EFF4EB, #41B69B, #007185, #006452, #000903)
• Antique Cabin color palette (#E3FCF4, #86B427, #006F8F, #456100, #002031)
• Hushed Terrace color palette (#D0F2E5, #00C1AD, #007E7D, #004A50, #001E23)
• Soft Navy Meadow color palette (#F6F5C9, #00A98F, #006F73, #202D92, #00221E)
• Weathered Pine Grove color palette (#F0F3EC, #C9DDD3, #ADC8A7, #007F59, #22271B)
• Mint Canyon color palette (#E1FBF9, #52D97D, #00999C, #009043, #00212A)
• Lagoon Meadow color palette (#D9E2D5, #008C7D, #294B6D, #004038, #000201)

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