Teal Courtyard color palette — #FFF2EF · #FFB3C4 · #60AC8A · #7D5F7C · #462F46

Jade takes the lead with Ballet Pink close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#FFB3C4): A whisper-light, balanced red — the color of a theater curtain.
• Jade (#60AC8A): A luminous, balanced teal — the color of glacier melt.
• Graphite (#7D5F7C): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#462F46): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged 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

• Sand Ridge color palette (#FEF3EA, #FDBC8C, #6CA1C4, #7F5E79, #492F41)
• Worn Grove color palette (#FFF2F0, #FFB1CF, #6DA987, #42718A, #164133)
• Aged Lagoon color palette (#FFF1F6, #EBBD97, #AAAE76, #539778, #513852)
• Worn Meadow color palette (#FCF3EF, #BEE6EF, #AEC6F5, #8C9773, #574756)
• Wandering Delta color palette (#FFF2EF, #E1DCCB, #B8C7AC, #978794, #584756)
• Mustard Station color palette (#FDF4E7, #EAAF40, #578CCF, #6F4B7F, #381F42)
• Tempered Field color palette (#F6F6EB, #B4E7E3, #98B89C, #977F7E, #364F0D)
• Hushed Nightshade Market color palette (#FFF2EC, #FF8577, #00918C, #4440A1, #1B1355)

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