Teal Courtyard color palette — #D6E7DB · #00C6B2 · #0096A2 · #006D8F · #18375C

Turquoise and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#D6E7DB): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#00C6B2): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0096A2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006D8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#18375C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Worn Quarry color palette (#D6E8E4, #00ABA8, #00737C, #005566, #083A51)
• Chalky Loft color palette (#DBFFED, #48DBCF, #00A8BA, #006A88, #003456)
• Feathered Station color palette (#D3E4E1, #00C0E0, #008AC8, #2C5BA7, #3E355E)
• Soft Meadow color palette (#D0FFE9, #5CC5EE, #0091B8, #005775, #002836)
• Navy Garden color palette (#CBF1EC, #008EA3, #005B88, #002B6D, #1B0044)
• Clover Quarry color palette (#E8E7C8, #82B959, #00985F, #00675D, #00444B)
• Ultramarine Grove color palette (#D6EBED, #00B3DB, #0074DA, #3238D8, #371963)
• Pale Amber color palette (#CDEFD7, #00A8BE, #D36515, #936800, #133320)

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