Hushed Courtyard color palette — #F9F2FF · #FC1DA3 · #A97100 · #5B5700 · #1F0010

Hot Pink and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Hot Pink (#FC1DA3): A luminous, vivid rose — the color of strawberry cream.
• Ochre (#A97100): A full-bodied, balanced gold — the color of old brass.
• Olive (#5B5700): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1F0010): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Ancient Peony Hollow color palette (#FAF1FF, #FE1E9A, #A47400, #3036CE, #1F000E)
• Frosted Workshop color palette (#F0D9E8, #B60099, #645D00, #004545, #1A0014)
• Powdered Coral Station color palette (#FFF3E6, #FF7D76, #B74E00, #424C00, #340400)
• Ancient Coral color palette (#FFF0FD, #FF746F, #9E9600, #347A00, #2A1028)
• Crimson Quarry color palette (#F3F4FF, #A66AFF, #E22944, #814100, #13002A)
• Blush Field color palette (#F3DBF7, #FF6888, #C08D00, #008E7B, #410015)
• Wandering Brick color palette (#FFDCD0, #C20036, #665800, #264700, #3A0D12)
• Hushed Coral color palette (#FFF0FC, #F07168, #928D40, #6D4D96, #220B20)

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