Apricot Courtyard color palette — #FFF0FD · #FF9B94 · #569B71 · #21618B · #152B49

Melon and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#FF9B94): A luminous, balanced orange — the color of autumn markets.
• Fern (#569B71): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#21618B): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#152B49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Wandering Apricot Ridge color palette (#FFF1F6, #FFA251, #2C9C97, #485A89, #232848)
• Timeworn Mallow color palette (#F9F2FF, #FF92C5, #8A9049, #0F6775, #003139)
• Worn Mallow color palette (#FAF1FF, #F6A1BE, #52B499, #577DB8, #223859)
• Patina Lagoon color palette (#FBF2F8, #CDDAF2, #7EC7E1, #5D8E78, #2E4153)
• Weathered Amber Parlor color palette (#FEEEE6, #C37664, #007087, #004959, #0C1B41)
• Faded Tangerine color palette (#FFF0F8, #F16D00, #007B74, #00398A, #1C0033)
• Aged Archive color palette (#FFF2ED, #FFC9A1, #C59439, #827432, #1F473A)
• Mustard Pier color palette (#E6FCEA, #DAA500, #008BAF, #4B4295, #3C072F)

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