Jade Courtyard color palette — #F8F1E2 · #84B86F · #007E63 · #17536D · #222200

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

The five colors

• Cream (#F8F1E2): A whisper-light, dusty gold — the color of old brass.
• Jade (#84B86F): A luminous, balanced green — the color of fresh herbs.
• Teal (#007E63): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#17536D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#222200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Olive Archive color palette (#FFEFDE, #B1AB5C, #397E1E, #00575B, #291F00)
• Ancient Chapel color palette (#F7F7E2, #5CBA74, #007C5D, #0B5C60, #3A3B34)
• Lagoon Archive color palette (#F1ECDB, #6B9B70, #006358, #093C5C, #111400)
• Olive Bloom color palette (#F8F0E9, #BFB38C, #4F8545, #6A4B51, #2E2710)
• Ancient Villa color palette (#F3E2C6, #80A338, #006D45, #6A1749, #101A00)
• Pale Corridor color palette (#E5FBF5, #A3EDB2, #00AB82, #17797E, #003634)
• Hushed Cobalt Cabin color palette (#FDEEE6, #8FDDF2, #0089D6, #00654C, #181E50)
• Linen Lapis Atelier color palette (#FFEBF8, #808AFF, #8F8600, #473AD3, #242100)

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