Jade Drift color palette — #F3F3E6 · #88A865 · #338075 · #1F526C · #342402

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

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Moss (#88A865): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#338075): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#1F526C): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#342402): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Ancient Basin color palette (#F7F1E7, #B79848, #597D4C, #185752, #3C1E0C)
• Teal Station color palette (#EBF5E9, #0BB3AA, #437996, #454870, #2B280C)
• Timeworn Lagoon color palette (#E7F2DF, #009174, #005E79, #452F00, #081900)
• Ancient Mint color palette (#E6F0C4, #71C594, #3F9373, #326C5C, #2D3C27)
• Worn Oat Summit color palette (#F1F6D4, #C5D4AC, #8EA085, #56736A, #483B47)
• Tempered Chestnut color palette (#F5F2E9, #CDC4A0, #7B8A5C, #775E0F, #33312A)
• Gentle Navy Market color palette (#DBE5CE, #007F59, #004F5E, #09176D, #090D00)
• Dusty Study color palette (#F9F6E6, #C7D579, #749DCD, #7C5F81, #4F2E29)

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