Teal Courtyard color palette — #F2F7F1 · #D0DCD9 · #AACCCA · #5AB1A3 · #353D32
A conversation between Turquoise and Stone, giving this palette its sense of sophistication and softness.
The five colors
- Ivory (#F2F7F1): a clean, paper-quiet neutral.
- Silver (#D0DCD9): a clean, paper-quiet neutral.
- Stone (#AACCCA): A luminous, dusty teal — the color of glacier melt.
- Turquoise (#5AB1A3): A luminous, balanced teal — the color of sea glass.
- Charcoal (#353D32): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.
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
- Patina Lagoon color palette (#EDF7F8, #D5DDE9, #BDB2C5, #609785, #233133)
- Turquoise Hollow color palette (#D4EADA, #00AEC3, #356884, #2F4234, #090F08)
- Tempered Powder Pier color palette (#F0F7F4, #DED4D3, #8CBCDC, #A8A79C, #4B5551)
- Jade Quarry color palette (#FAF5EB, #C8D18E, #88AD6A, #5E9079, #37352F)
- Hushed Cypress color palette (#EAF4F6, #CED7E1, #AABAC1, #00756B, #172325)
- Iris Basin color palette (#EBF5EB, #00CACC, #7D82FF, #AF466B, #392800)
- Hushed Corridor color palette (#CAE7CB, #A3D3BC, #8BABDD, #A77273, #6A3600)
- Patina Iris color palette (#F5EBF2, #E3CDCD, #D0B1AC, #728CE4, #342A32)
Browse the whole catalog at Explore, or see today's palette.