Turquoise Courtyard color palette — #F4F7EB · #B9ECEB · #8BC6E9 · #55A5B6 · #2F4F46

Cyan takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Sea Foam (#B9ECEB): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8BC6E9): A luminous, dusty blue — the color of deep harbor water.
• Cyan (#55A5B6): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#2F4F46): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Feathered Sky color palette (#F4F8E5, #BDEDFF, #42C5FD, #00A3B5, #004567)
• Muted Turquoise color palette (#EEF0E3, #41B1C6, #00819E, #005D60, #000B12)
• Wandering Ridge color palette (#FBF3EE, #C5F0DB, #74AADD, #398984, #593D53)
• Airy Cobalt Coast color palette (#E8EED9, #64BAF1, #0088DD, #006985, #00132F)
• Antique Harbor color palette (#F7F0EC, #C3E5D6, #6F8FBE, #006E62, #3E2132)
• Tempered Cerulean color palette (#E2E3D1, #7CD1D0, #00A5B1, #007E70, #00242B)
• Washed Stone color palette (#FFF2EF, #E3D7D1, #D8A9A6, #A8B69E, #5D4841)
• Linen Blush color palette (#FFF1F1, #FFB0D8, #89C2FF, #D082AA, #513854)

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