Tempered Teal Courtyard color palette — #F7F6E5 · #A8D7B8 · #4BB4A5 · #428EAE · #343630

Turquoise and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#A8D7B8): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#4BB4A5): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#428EAE): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#343630): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Antique Jade Delta color palette (#FAF4EB, #C8CF9E, #7CB075, #827DA9, #37352F)
• Lagoon Villa color palette (#F3F7ED, #A4DECA, #00A08E, #326E70, #202C14)
• Sky Study color palette (#FDF3EC, #C9E9DA, #76B6FD, #00A09F, #2F3760)
• Tempered Jade Garden color palette (#E3F7F2, #5FB487, #0B746B, #274B62, #002222)
• Aged Aubergine Balcony color palette (#EDEAD1, #64966E, #00735F, #623367, #000902)
• Softworn Fern color palette (#F7F5EE, #DFE1C0, #ADBC97, #B48E99, #505100)
• Muted Periwinkle color palette (#FFF1F6, #EBD4CD, #F3BAA2, #77A1F3, #5C3642)
• Aged Lime color palette (#FFD8E7, #BD9CEA, #9FB032, #00A76E, #411F2D)

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