Pale Courtyard color palette — #FFDBD8 · #F44FA6 · #217B03 · #00656A · #3E0024

A conversation between Hot Pink and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDBD8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Hot Pink (#F44FA6): A luminous, vivid rose — the color of pressed rose petals.
• Olive (#217B03): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#00656A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#3E0024): A deep, shadowed, balanced rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Warmth, Comfort. Tagged vibrant, warm.

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

• Magenta Studio color palette (#FFD6F6, #DE5FCA, #5B7000, #00675B, #340D2E)
• Frosted Peony color palette (#F9F2FF, #FF5AB0, #358300, #006167, #1F000F)
• Sunlit Raspberry color palette (#FFE7E3, #F32578, #006B2C, #005668, #210139)
• Faded Blush Loft color palette (#FFD8E8, #FF8BC2, #00997C, #007A83, #3B0624)
• Rose Field color palette (#FFDCCE, #F51C35, #008C71, #006086, #420006)
• Pale Pier color palette (#FFE1D1, #F73D08, #587500, #005160, #350054)
• Worn Bloom color palette (#FFD9E0, #B729C9, #005916, #003E70, #301034)
• Quiet Coral color palette (#FBE2AE, #F0665B, #9C5E00, #00595A, #491600)

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