Teal Courtyard color palette — #FFF0F9 · #78B98D · #2E8494 · #794953 · #354C4F

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mint Leaf (#78B98D): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#2E8494): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#794953): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#354C4F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Teal color palette (#F4F3DD, #64BFA3, #2C8886, #62485F, #25301F)
• Hushed Cobalt color palette (#FFF1F5, #6EB6B7, #4F79AE, #74512D, #384B54)
• Tempered Delta color palette (#FFF1F6, #AFAA75, #348963, #6A4E6C, #374D47)
• Worn Cobalt color palette (#EDF8F5, #7FA569, #4571AE, #7E3D40, #314A2F)
• Dusty Dune color palette (#EEF8F5, #9FCACA, #3B9187, #486F65, #395352)
• Hushed Canyon color palette (#F9F3F7, #D5E0F2, #60A1C9, #3D7C6F, #445468)
• Weathered Garnet Field color palette (#FFF0FB, #00A386, #00698E, #811600, #003E3F)
• Washed Turquoise Garden color palette (#FDF4E6, #A6DFC4, #76BCC3, #A57D9C, #404C39)

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