Teal Courtyard color palette — #FAF5E7 · #BDEDD2 · #75AD88 · #896E78 · #393932

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

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Mint (#BDEDD2): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#75AD88): A luminous, balanced teal — the color of shallow lagoons.
• Pewter (#896E78): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#393932): quiet, heavy and certain.

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

• Hushed Fern color palette (#F6F6EA, #B2E9E2, #80BBB5, #9A7E80, #3B4E06)
• Worn Lagoon Corridor color palette (#FBF5E3, #BADDA2, #559B76, #7D5762, #2A2911)
• Cypress Harbor color palette (#EDF8F3, #89BBB2, #537F61, #405B7F, #274A44)
• Tempered Pewter color palette (#EBF5EA, #93BEAC, #5A805C, #6E4661, #0E2E23)
• Hushed Powder color palette (#FCF3EF, #BDE8F5, #84C4E9, #519080, #4B374C)
• Mint Harbor color palette (#FFF1F2, #FFBBEC, #6FD398, #B66DA3, #373933)
• Ash Dune color palette (#FFF1F1, #E4D7D2, #A6B4B0, #A794C0, #553D39)
• Timeworn Jade color palette (#FDF6D7, #76B473, #007156, #4E2F4E, #000B00)

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