Jade Lagoon color palette — #FBF6DF · #71B76B · #007C5E · #195A68 · #3A3B34

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

The five colors

• Cream (#FBF6DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#71B76B): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007C5E): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#195A68): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3A3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Faded Moss Quarry color palette (#FFF3E3, #A8AA36, #487830, #0E5E54, #3C3D10)
• Soft Cypress Summit color palette (#FBF1DA, #8BB675, #007E61, #005471, #0F2700)
• Tempered Emerald color palette (#E8E6D1, #49A069, #006356, #104456, #252D0A)
• Tempered Lagoon color palette (#FCF4E8, #AEB584, #5D7D58, #69525E, #4E4200)
• Linen Dune color palette (#F7EBC4, #4CAB14, #006B4B, #523464, #163706)
• Antique Fern Villa color palette (#FFF3E7, #AC9A5F, #5D6A26, #5A4256, #38352F)
• Hushed Lagoon Chapel color palette (#E6FCEE, #A1C88C, #2D9B7B, #207293, #294319)
• Cobalt Chapel color palette (#FFF2EB, #6AE1FB, #0089C1, #006859, #203F6D)

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