Hazy Jade Study color palette — #F2F8E6 · #60B387 · #658BC0 · #1D774F · #2C4364

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

The five colors

• Ivory (#F2F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#60B387): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#658BC0): A luminous, balanced blue — the color of deep harbor water.
• Pine (#1D774F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2C4364): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Timeworn Boulevard color palette (#EAFBE9, #2FB5B2, #887EC6, #007573, #413C64)
• Lagoon Hollow color palette (#EFFAE1, #329E76, #2985AC, #786912, #363933)
• Olive Market color palette (#E0FEE7, #00A7B6, #838400, #006973, #3D3E00)
• Pine Harbor color palette (#F0F4E7, #71B689, #BB719F, #007942, #401432)
• Washed Study color palette (#CCE5D6, #008DA8, #5E7500, #005263, #232E00)
• Muted Lagoon color palette (#EEFAE4, #BDEEDC, #A3C9AA, #5D8C71, #44523D)
• Worn Garden color palette (#D4EEC9, #009A89, #5D56E4, #005C51, #260D7E)
• Muted Emerald color palette (#E9F9F8, #8AC8A2, #CF8BBD, #00995D, #58354F)

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