Jade Drift color palette — #ECF9EE · #EFDC9E · #89B06D · #5A72A0 · #2F453B

Sage and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Wheat (#EFDC9E): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#89B06D): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5A72A0): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#2F453B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Weathered Teal Quarry color palette (#EAFAED, #BCECB4, #54B5A5, #7E688D, #2C4444)
• Tempered Archive color palette (#FFF1F6, #F5C889, #8FBB98, #838AAB, #374E42)
• Taupe Grove color palette (#E9FBEC, #FFD1BD, #BF9D53, #357E8E, #4C3941)
• Timeworn Taupe color palette (#FBF5E4, #AFAB6D, #6D7E56, #1B6568, #554700)
• Dusty Stone Bloom color palette (#EAF9F3, #ADB66A, #3D5B56, #222E29, #0C110D)
• Dusty Driftwood Hollow color palette (#FEEFDE, #C2A779, #628359, #6A4556, #322B1A)
• Tempered Glacier Thicket color palette (#F1F7F2, #D6D6E5, #82DAF6, #56A293, #3B5060)
• Pale Veranda color palette (#DEFFE5, #BCCB00, #00A05B, #53499F, #1D2E06)

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