Scarlet Courtyard color palette — #FFDCCC · #F52412 · #008B77 · #005E8C · #3E0905

A conversation between Scarlet and Fern, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFDCCC): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#F52412): A luminous, vivid orange — the color of autumn markets.
• Fern (#008B77): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005E8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3E0905): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Ember Garden color palette (#FFDCCB, #D66003, #00888E, #1951AB, #371300)
• Brick Courtyard color palette (#FFDBD8, #C30025, #00627D, #004457, #3F0609)
• Chalky Corridor color palette (#FFDBD6, #FF4298, #007B3C, #006372, #36101F)
• Chalky Station color palette (#FFE3C1, #BE7C00, #007C60, #2036A7, #49001C)
• Dusty Grove color palette (#FBE2AC, #D78100, #797200, #005476, #382500)
• Grape Drift color palette (#FCE0BA, #B07B00, #0082AE, #5A38B9, #2C1C00)
• Timeworn Apricot color palette (#FED9E7, #F08C12, #00B36D, #007CBA, #311800)
• Dusty Apricot color palette (#FFF2EB, #E39477, #56ACAA, #5C7E9F, #423B37)

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