Teal Courtyard color palette — #F4F8E4 · #4ABA93 · #007A70 · #674B1C · #393C35
Built around Jade, softened by Teal — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F4F8E4): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#4ABA93): A luminous, balanced teal — the color of sea glass.
- Teal (#007A70): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#674B1C): A full-bodied, dusty gold — the color of old brass.
- Charcoal (#393C35): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Teal 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
- Wandering Pine color palette (#F9F6E3, #83B368, #007E41, #793E22, #3B3B34)
- Fern Villa color palette (#F7F6EA, #99BA93, #3E8360, #665A05, #434600)
- Chalky Teal color palette (#F3F5D6, #09C3A0, #007986, #6A3C49, #17250A)
- Quiet Courtyard color palette (#EBEED9, #24AA7A, #00695D, #1D501C, #003824)
- Chalky Quarry color palette (#F1F9E0, #2ABF7C, #BE009E, #006E43, #57254A)
- Antique Clover color palette (#E7EDDB, #5BBC3D, #008243, #006147, #004638)
- Dusty Mint Quarry color palette (#DEFDF6, #41D7AF, #0098A5, #885967, #0F4536)
- Antique Studio color palette (#E0F3C9, #00966C, #6E41FF, #9D3F00, #043A28)
Browse the whole catalog at Explore, or see today's palette.