Worn Courtyard color palette — #FFF1F0 · #F55FA9 · #00A088 · #00705E · #230E0D

Bubblegum takes the lead with Fern close behind in a set that reads as energy and balance at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bubblegum (#F55FA9): A luminous, vivid rose — the color of pressed rose petals.
• Fern (#00A088): A luminous, balanced teal — the color of glacier melt.
• Pine (#00705E): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#230E0D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Energy, Balance. Tagged cool.

Use it as a design system

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

• Hushed Coast color palette (#FFF2ED, #F8686B, #009AB4, #026B7E, #240E07)
• Tempered Fuchsia Lantern color palette (#FFF1F4, #D26EE6, #599C5B, #376E3A, #260A12)
• Muted Fuchsia color palette (#FFE8E9, #E18BC6, #32B5AF, #009690, #3B1C1E)
• Worn Coral Balcony color palette (#FFF2ED, #FE747A, #078D4C, #134B81, #051A3B)
• Softworn Raspberry color palette (#FFE8E5, #CF006C, #006E6E, #004242, #040000)
• Wandering Pine color palette (#F4EBF9, #A05375, #347135, #004F55, #2F1F38)
• Weathered Blush color palette (#FFF4DD, #FF919C, #AB7000, #17567D, #321B0E)
• Apricot Archive color palette (#FFF2EB, #FFAA94, #88B3DD, #6B83A8, #522100)

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