Teal Courtyard color palette — #F9F4EC · #C2EADE · #83CBD7 · #5EA98F · #27523E

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EC): bright and airy, almost weightless.
• Honeydew (#C2EADE): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#83CBD7): A luminous, dusty blue — the color of open sky before noon.
• Jade (#5EA98F): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#27523E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Washed Powder color palette (#FAF4EC, #C3E8E6, #8EC5E9, #5AA7A8, #553E58)
• Emerald Villa color palette (#F9F3FA, #D3D5E5, #87C5DE, #3D9754, #264161)
• Cerulean Orchard color palette (#EBE3D8, #6EBFC8, #0091B1, #006E60, #001623)
• Washed Fern color palette (#F5F7E4, #C6E5D3, #D7CBD7, #A9BB86, #455A17)
• Quiet Cobalt color palette (#E9E2D7, #70A8CC, #2675C8, #005B69, #02002F)
• Linen Market color palette (#F1FBD5, #B1EBC0, #7FC594, #479060, #003716)
• Chalky Jade Workshop color palette (#E5E2AF, #BBCF83, #90B562, #669A62, #294F36)
• Sky Thicket color palette (#FCF4E8, #94E8FE, #09BAF6, #009893, #00355A)

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