Pale Courtyard color palette — #FFF1F6 · #FFBB86 · #8CC2FF · #D48C50 · #284464

Built around Mustard, softened by Cantaloupe — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cantaloupe (#FFBB86): A whisper-light, balanced gold — the color of old brass.
• Sky (#8CC2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#D48C50): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#284464): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged light.

Use it as a design system

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

• Sunlit Amber Chapel color palette (#FFF3E4, #F4CD92, #6CC8ED, #AF802C, #003F52)
• Chalky Parlor color palette (#E9FAF0, #E4CC53, #A1BCFF, #B29F3B, #32435E)
• Feathered Courtyard color palette (#FFF1F6, #FCA956, #59BFFB, #87A4E2, #482F39)
• Quiet Aqua Station color palette (#FDF0FF, #FFB4BE, #46D3E2, #DB808E, #194959)
• Taupe Quarry color palette (#FFF1F5, #C8ECD5, #AFCEE1, #D19E94, #435346)
• Washed Taupe color palette (#FFF1F6, #E7CC9E, #D2A17A, #9D7C94, #2C4337)
• Airy Marigold color palette (#FFF3E7, #F8A144, #64B991, #AB7238, #41443D)
• Tempered Glacier color palette (#F9D5E2, #3FE7FE, #FFB56E, #6C575E, #31262A)

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