Hazy Jade color palette — #FFF4DD · #C2D998 · #65BB7A · #8F7CB9 · #334016
A conversation between Jade and Slate Blue, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#C2D998): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#65BB7A): A luminous, balanced teal — the color of sea glass.
- Slate Blue (#8F7CB9): A luminous, balanced violet — the color of a velvet chair.
- Deep Olive (#334016): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hazy Jade 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
- Teal Quarry color palette (#F8F7DE, #99E1B7, #35BCAD, #A3799C, #17452D)
- Basalt Ridge color palette (#FBF4EB, #D9D8A8, #9CB58C, #A78596, #514000)
- Patina Jade color palette (#EAE4D4, #A3C693, #49A57C, #826994, #19300B)
- Linen Jade Summit color palette (#F6F7E4, #B9E6BA, #40A96E, #007889, #0D3813)
- Peony Orchard color palette (#FFF1F2, #FFC3F0, #3CD780, #C34FAD, #004724)
- Wandering Pine Delta color palette (#E6F7EC, #9CB171, #008139, #524175, #00271F)
- Cypress Pier color palette (#EDE9D5, #699665, #007357, #5E3666, #000900)
- Sky Station color palette (#FFF2EC, #ADF2FF, #48C4FE, #00A98C, #1E416B)
Browse the whole catalog at Explore, or see today's palette.