Turquoise Courtyard color palette — #F9F3F9 · #96E5E2 · #2EA4C6 · #4D784F · #243C55

Built around Cyan, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Ice Blue (#96E5E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#2EA4C6): A luminous, balanced blue — the color of deep harbor water.
• Olive (#4D784F): A full-bodied, dusty green — the color of a quiet forest floor.
• Navy (#243C55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Washed Iris Study color palette (#FFF1F6, #ABDCF9, #7194DA, #177C75, #323857)
• Ancient Lagoon Parlor color palette (#F6F6EB, #B0CEB0, #1B8890, #006156, #00434D)
• Timeworn Alley color palette (#E2E1FF, #CF81FF, #219795, #008C60, #2A2743)
• Lagoon Station color palette (#EDF8F5, #BFE8F3, #5EC4CB, #00A28E, #00434C)
• Wandering Field color palette (#E8DDE6, #00A6AD, #006180, #003E1D, #00081D)
• Washed Meadow color palette (#F4E3F1, #68C1CC, #007EAF, #005D39, #0A1C44)
• Weathered Mint color palette (#D1F1E0, #97BB7B, #888347, #755329, #193636)
• Dusty Sand Archive color palette (#F4F4FF, #F9D4D0, #F9B583, #6B87B4, #463F58)

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