Jade Courtyard color palette — #F3F8E7 · #C9E1D1 · #A4CCB8 · #3AB267 · #2F3800
Built around Jade, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F8E7): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#C9E1D1): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#A4CCB8): A luminous, dusty teal — the color of sea glass.
- Jade (#3AB267): A luminous, balanced teal — the color of glacier melt.
- Forest (#2F3800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Jade Courtyard 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
- Aged Teal color palette (#F0F8EE, #C5E1D9, #9FCCE9, #00B0A1, #2B3728)
- Washed Pine Bloom color palette (#F5F6EC, #D4E4C8, #AAC7AE, #318D35, #33342D)
- Wandering Workshop color palette (#FAF5E8, #D3DFC7, #B4C9A9, #A69B1F, #35332C)
- Washed Teal Balcony color palette (#C3EFE3, #00A991, #006764, #283B1C, #050901)
- Wandering Mint color palette (#ECEFC5, #5ADF82, #00B276, #5C8851, #0F371B)
- Ultramarine Courtyard color palette (#DBEFD1, #00C3A9, #0098BF, #415ACB, #222700)
- Ancient Fern color palette (#F1F3E7, #CCD8C6, #97B3A2, #126E10, #1A1C06)
- Dusty Cerulean color palette (#DDE5E1, #ADC6C6, #84B3B7, #008FAB, #0F2419)
Browse the whole catalog at Explore, or see today's palette.