Jade Drift color palette — #EDF6FF · #81C1F4 · #9CB87B · #43A577 · #1F3549

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#81C1F4): A luminous, balanced blue — the color of deep harbor water.
• Sage (#9CB87B): A luminous, balanced green — the color of a quiet forest floor.
• Jade (#43A577): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#1F3549): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Muted Coast color palette (#F1F5FF, #B0B3F2, #74BFA2, #00A4A8, #29324B)
• Hazy Study color palette (#E7F9FE, #49D0D2, #D1A557, #8B9A26, #1A3840)
• Timeworn Amber Summit color palette (#FFF0F9, #AAA8F6, #B69D2B, #008480, #321D2A)
• Weathered Study color palette (#D8E5FF, #8A99FF, #00B27A, #008B8D, #15144F)
• Wandering Cobalt Parlor color palette (#EFEBFF, #D98BDB, #00B4C7, #0089D4, #29203E)
• Wisteria Coast color palette (#F6F3FF, #C286C4, #A58D40, #088261, #342F43)
• Patina Blush color palette (#F7F4FA, #E2D7DD, #C4AEAD, #DC90BA, #4A4550)
• Worn Bronze color palette (#FFF1F6, #FFADB8, #D88F7F, #8D8423, #4C334C)

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