Amber Courtyard color palette — #FBF3EF · #F8C4AF · #57AAB2 · #BF775B · #263128

Built around Caramel, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Wheat (#F8C4AF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#57AAB2): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#BF775B): A luminous, balanced orange — the color of toasted spice.
• Deep Forest (#263128): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Coral Grove color palette (#FCF3F0, #F9C0C2, #8CA666, #C27177, #2F2E27)
• Washed Teal Summit color palette (#F9F3F7, #E4DCD3, #32C8AE, #CA8671, #112124)
• Bronze Atelier color palette (#FFF3E6, #ECAC5D, #009C85, #A46800, #00231D)
• Weathered Mint Delta color palette (#F9F4EE, #FFD6A9, #93C886, #D3A065, #2E2E28)
• Ancient Azure color palette (#F8F5EA, #C7CA7B, #3C98D1, #848632, #102A22)
• Timeworn Harbor color palette (#F8F5E7, #9CA46D, #639B6C, #605E89, #34312B)
• Ancient Cocoa color palette (#FFF2EA, #D9B78F, #739F79, #8B6070, #5A4400)
• Taupe Lagoon color palette (#F9F4EE, #D8DCD4, #A7B8B5, #AE9877, #56524C)

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