Teal Courtyard color palette — #F9F3F8 · #D4D4E3 · #9CD4F6 · #60A27F · #3F4E64

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9CD4F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Jade (#60A27F): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#3F4E64): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Olive Alley color palette (#FCF3EF, #C9EAE4, #74A592, #657734, #5E4C5C)
• Hushed Stone color palette (#EEF8F2, #C4E2E6, #8FBAA0, #956C7D, #2A4543)
• Weathered Turquoise color palette (#EDF4EE, #CEDFF5, #65A7BD, #44747B, #273845)
• Worn Field color palette (#FCF2F7, #D5D4E1, #77B0FF, #008979, #322C60)
• Dusty Aqua Bloom color palette (#FFF0FA, #F7BBAA, #6ECAE3, #54B0C8, #463040)
• Denim Loft color palette (#E7DBE2, #7CA9BF, #00598E, #002D20, #01000B)
• Shell Boulevard color palette (#FCF1FA, #C3E5EB, #EDB6C0, #B7B3BC, #604B57)
• Wandering Cobalt color palette (#FBF2FB, #A4D4E6, #0085B2, #00552E, #000A27)

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