Weathered Courtyard color palette — #FFF2ED · #FF474C · #008665 · #005841 · #1D0214

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#FF474C): A luminous, vivid orange — the color of sun-warmed clay.
• Fern (#008665): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#005841): A full-bodied, balanced teal — the color of sea glass.
• Ink (#1D0214): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Tangerine Balcony color palette (#FFF3E9, #EC6E33, #008483, #005150, #11030B)
• Hushed Blush Drift color palette (#FFF2F0, #FF6284, #008C5E, #00593A, #000F29)
• Weathered Peony color palette (#FFF1F2, #F244C0, #008658, #006642, #001B0D)
• Antique Blush Dune color palette (#FFF2EE, #FF828C, #009092, #005587, #00243C)
• Pale Rust color palette (#FFF0FA, #B0442A, #485B00, #00465B, #40102B)
• Amber Thicket color palette (#FFF2E9, #E16B00, #443C0E, #221003, #050100)
• Soft Amber color palette (#FFF0F8, #FFBFBB, #D97100, #6E5200, #1E2800)
• Quiet Blush color palette (#FFF1F1, #EC84B3, #448DD8, #684E7F, #28141B)

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