Soft Courtyard color palette — #FFDFE6 · #E38C85 · #AF5A3E · #814916 · #4A481D

A conversation between Terracotta and Salmon, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#FFDFE6): A whisper-light, dusty red — the color of a theater curtain.
• Salmon (#E38C85): A luminous, balanced orange — the color of autumn markets.
• Terracotta (#AF5A3E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Coffee (#814916): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4A481D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Soft Bronze color palette (#FFE2D4, #DB9267, #9C6B10, #675200, #2A4A28)
• Rust Balcony color palette (#FFE2F9, #E09886, #BA5C35, #7D3800, #4A2300)
• Wandering Bronze Grove color palette (#FFF2EA, #BDA285, #97644D, #714343, #403D36)
• Weathered Chestnut Thicket color palette (#FFF3E9, #CC906A, #3598AE, #9C4C00, #004B59)
• Dusty Tangerine Orchard color palette (#FFE3E9, #FFACAC, #FB7A4F, #AF7039, #325236)
• Timeworn Ember color palette (#F7D6D3, #E25E00, #844D00, #543B00, #362F00)
• Plum Lantern color palette (#F7DEFF, #CF93C6, #B1597B, #843F4B, #663931)
• Wandering Cocoa Lantern color palette (#FFF2E9, #DFDFC3, #BCD19E, #A2686B, #6D4200)

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