Gentle Courtyard color palette — #DFEBF6 · #00AFC9 · #FD2E41 · #2B0003 · #0F0200

A conversation between Scarlet and Cyan, giving this palette its sense of trust and stability.

The five colors

• Frost (#DFEBF6): bright and airy, almost weightless.
• Cyan (#00AFC9): A luminous, balanced blue — the color of open sky before noon.
• Scarlet (#FD2E41): A luminous, vivid orange — the color of sun-warmed clay.
• Ink (#2B0003): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0F0200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Gentle 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 Villa color palette (#F2DFFF, #00C5DB, #FF675F, #411210, #130603)
• Washed Ember Corridor color palette (#D4E3ED, #92AAF7, #E85D4F, #540403, #280F24)
• Tempered Studio color palette (#DAF2E1, #00BEE8, #D5009F, #28001B, #100001)
• Iris Drift color palette (#DFF1FF, #7C90F1, #B26200, #230F00, #0B0400)
• Muted Apricot Field color palette (#F8DFDC, #A1B8FF, #FF834D, #372010, #190F08)
• Sunlit Delta color palette (#D5DFF0, #00CC61, #F76410, #303029, #271509)
• Hushed Glacier color palette (#DBE6FF, #54E2EF, #FF9B96, #39322F, #241A16)
• Pale Seafoam color palette (#E4E9FE, #00EDC0, #FF9E76, #3D1200, #090106)

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