Jade Lagoon color palette — #F5F8DE · #61B689 · #00705E · #553300 · #000B04

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

The five colors

• Custard (#F5F8DE): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#61B689): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#00705E): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Airy Fern Alley color palette (#FFF4DC, #99AB64, #2F7117, #443C00, #060900)
• Timeworn Station color palette (#D0FFE8, #23C48A, #007154, #00291D, #000201)
• Dusty Lagoon color palette (#F4F9DE, #7FCEAD, #00897D, #375B39, #001E13)
• Antique Fern Garden color palette (#EFDFC3, #909349, #3A5800, #362900, #010100)
• Clover Parlor color palette (#EAF4CA, #3EBB65, #A14194, #005E28, #140011)
• Lagoon Market color palette (#D3EEE9, #2C8E60, #005144, #432700, #002112)
• Dusty Teal color palette (#F6F8DD, #A9EABF, #00AA8A, #577546, #2D2F29)
• Worn Lagoon color palette (#E7E5CE, #5A8859, #00482F, #161F00, #000200)

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