Tempered Courtyard color palette — #FAF4EC · #C3E6DB · #6AB2BD · #3B8B70 · #1B4F60

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C3E6DB): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6AB2BD): A luminous, dusty blue — the color of open sky before noon.
• Fern (#3B8B70): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#1B4F60): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered 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

• Muted Aqua Garden color palette (#F0F7F1, #D4D7E7, #3ED0E3, #369576, #264353)
• Timeworn Lagoon Boulevard color palette (#F9F4ED, #C0E7E6, #77ACD1, #238A8F, #583C5A)
• Antique Study color palette (#FBF4E9, #B7E0C3, #42A2C4, #007D73, #0F4437)
• Sunlit Teal color palette (#DDEEC3, #65D2BD, #13AAA2, #007C82, #024E5E)
• Hushed Coral Summit color palette (#ECF9ED, #6FC9CA, #E18887, #009395, #48403E)
• Turquoise Grove color palette (#F1E5D3, #4EB3BC, #00728A, #004B40, #001623)
• Antique Teal Hollow color palette (#E9FAEC, #BEEAE9, #E8C7E5, #6CAB9C, #395544)
• Tempered Coast color palette (#FCF3F1, #CCE4CC, #4995B0, #1E7535, #563D59)

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