Jade Studio color palette — #F5F7E8 · #AADBA6 · #FEA477 · #64B55E · #653217
Built around Jade, softened by Melon — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F7E8): bright and airy, almost weightless.
- Pistachio (#AADBA6): A whisper-light, balanced green — the color of a quiet forest floor.
- Melon (#FEA477): A luminous, balanced orange — the color of autumn markets.
- Jade (#64B55E): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#653217): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Balance. Tagged light.
Use it as a design system
One click turns Jade Studio 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
- Quiet Loft color palette (#FBF5E4, #D6CE90, #F8A0B4, #B1A100, #62303D)
- Hazy Teal color palette (#F0F8ED, #A4E3D9, #DDC48C, #00C2B0, #664700)
- Pale Marigold color palette (#F2F9E2, #7FD4A0, #2CC6F1, #C89F10, #373932)
- Driftwood Market color palette (#FFF3E2, #DFCEB1, #C2A97B, #A6804F, #403D36)
- Emerald Basin color palette (#E1FCFA, #A0E8B5, #EE9CE2, #23A15B, #4B2C46)
- Wandering Teal Balcony color palette (#F1F7EF, #CBDDB0, #56A59C, #287069, #192616)
- Hazy Mustard color palette (#E6FCEB, #10DEF2, #C1BE00, #00ABBB, #3E3D00)
- Quiet Study color palette (#CDE5D6, #00C3E5, #97AD1E, #0091AB, #262D00)
Browse the whole catalog at Explore, or see today's palette.