Smoked Courtyard color palette — #FDDFDE · #BC3600 · #5E2C00 · #211400 · #020100
Terracotta takes the lead with Cocoa close behind in a set that reads as optimism and depth at first glance.
The five colors
- Shell Pink (#FDDFDE): A whisper-light, dusty orange — the color of sun-warmed clay.
- Terracotta (#BC3600): A full-bodied, vivid orange — the color of toasted spice.
- Cocoa (#5E2C00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#211400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Smoked 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
- Tempered Bronze Lagoon color palette (#FFE1CE, #9E5E00, #4A3700, #1C1A00, #010100)
- Nocturne Courtyard color palette (#F4DCE0, #9A1A09, #482100, #1B1000, #020200)
- Wandering Scarlet Boulevard color palette (#FFE7ED, #D5362F, #864600, #523600, #0E0B00)
- Airy Coast color palette (#F7DBC3, #A05400, #00559D, #442000, #000104)
- Nocturne Plum color palette (#EADAE1, #CA005C, #770014, #230600, #030100)
- Dusty Navy color palette (#F6DEC7, #794700, #004B71, #003066, #020100)
- Timeworn Amber Archive color palette (#FCE0CB, #BA8C00, #7B6700, #333D00, #011000)
- Emerald Lantern color palette (#EDDFD4, #CAB95E, #49A84D, #791C1C, #020100)
Browse the whole catalog at Explore, or see today's palette.