Jade Courtyard color palette — #F9F6DF · #68B680 · #007060 · #5C2B2A · #060900
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F6DF): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#68B680): A luminous, balanced teal — the color of sea glass.
- Teal (#007060): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5C2B2A): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Worn Basin color palette (#FFF4DB, #8AB151, #00733D, #453C04, #040900)
- Worn Fern Quarry color palette (#FFF3E4, #ACA64A, #426E00, #532B4B, #0B0700)
- Hushed Mint color palette (#F7F6E5, #7DD09E, #00897B, #475732, #141C00)
- Hushed Thicket color palette (#D3E9E2, #398A64, #004E4E, #4A0E31, #000B04)
- Tempered Moss Lagoon color palette (#F4DDC2, #9F9000, #3B5800, #3D2500, #010100)
- Clover Meadow color palette (#DCFFE9, #00D367, #007E3C, #002E1B, #000201)
- Timeworn Lagoon color palette (#E8E5D3, #73B990, #00928E, #81536C, #002210)
- Ancient Abyss color palette (#CCE6DF, #588762, #00523C, #472400, #00220A)
Browse the whole catalog at Explore, or see today's palette.