Jade Drift color palette — #E1F8F2 · #7CB074 · #40714D · #1C4F52 · #00221E
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E1F8F2): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#7CB074): A luminous, balanced green — the color of fresh herbs.
- Pine (#40714D): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#1C4F52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Drift color palette (#E0F7F6, #8AC1A7, #3F8471, #3B5B63, #132C2D)
- Hushed Emerald color palette (#DDF4F2, #1FA672, #00644E, #093F51, #001617)
- Hushed Studio color palette (#C9EFDC, #8FA000, #486700, #004941, #141800)
- Softworn Station color palette (#FAF6E1, #9D9E75, #307249, #3D5238, #36362F)
- Dusty Study color palette (#D3E6E3, #00904B, #005136, #00322B, #000B03)
- Washed Coast color palette (#DCEAFF, #578CF9, #00926C, #2E519A, #002317)
- Twilit Fern color palette (#D3EDE5, #2B6816, #003411, #00181B, #000200)
- Dusty Study color palette (#EDF2FF, #DCCEFF, #C49FD5, #596892, #1D2239)
Browse the whole catalog at Explore, or see today's palette.