Teal Courtyard color palette — #EEF7F6 · #C1EBC5 · #7AC7C2 · #88B98D · #1C3237

Built around Mint Leaf, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Mint (#C1EBC5): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7AC7C2): A luminous, dusty teal — the color of sea glass.
• Mint Leaf (#88B98D): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#1C3237): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Tempered Hollow color palette (#F6F5EF, #B0F3EB, #62BED0, #87A83E, #152219)
• Hushed Boulevard color palette (#E1FCF5, #A4DFCB, #7DBBBA, #778BB8, #344D50)
• Frosted Seafoam color palette (#E8F9FA, #56ECBF, #00BBD8, #00B58C, #00212D)
• Pine Villa color palette (#F1F3EC, #A4D1A9, #009691, #41824C, #10180F)
• Lilac Cabin color palette (#FFF1F5, #DEAE7F, #B59BDB, #B47B9A, #3D303A)
• Linen Orchard color palette (#E6F4FF, #78CEFF, #808EFF, #0099D5, #0B0934)
• Cobalt Bloom color palette (#D1E7EF, #00C0CB, #0087DC, #00878E, #00040B)
• Tempered Emerald Parlor color palette (#D3E8E7, #00A560, #00736F, #00693B, #000202)

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