Teal Courtyard color palette — #FAF4F0 · #C1E0E3 · #A1C5E6 · #65A17D · #38544A

Moss takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C1E0E3): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A1C5E6): A luminous, dusty blue — the color of deep harbor water.
• Moss (#65A17D): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#38544A): A full-bodied, dusty teal — the color of glacier melt.

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

• Wandering Delta color palette (#FAF2F8, #D3D8F0, #64A5B3, #467977, #425563)
• Powder Veranda color palette (#FFF1F4, #E3D8D2, #B4B8F0, #AAB5AE, #5F4A4B)
• Aged Ash color palette (#F2F2EA, #C3E6DB, #6CA8AB, #5F7254, #2A3B2F)
• Hushed Denim color palette (#EBDED7, #89AC8F, #005E78, #002D1F, #000104)
• Jade Workshop color palette (#FFF1F3, #E3BDE6, #9FC891, #79B284, #493135)
• Antique Petrol color palette (#FAEAE3, #7CC4D0, #007197, #003F32, #000209)
• Hushed Basalt Drift color palette (#F9F5E9, #D2E2C9, #BDAD83, #90754D, #3D4400)
• Ancient Sky color palette (#FDF3EE, #BEE8F5, #3DBBFA, #008A75, #0D3367)

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