Amber Courtyard color palette — #F6E5E0 · #DD6700 · #8F5400 · #543800 · #2C2200

Built around Pumpkin, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F6E5E0): bright and airy, almost weightless.
• Pumpkin (#DD6700): A luminous, vivid orange — the color of toasted spice.
• Ochre (#8F5400): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#543800): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#2C2200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Muted Amber Workshop color palette (#F6E1E7, #AF851D, #875300, #622B00, #1B1600)
• Tangerine Thicket color palette (#FFE6E5, #EC7429, #AF6900, #785800, #242100)
• Powdered Meadow color palette (#F9E1E5, #E63E4C, #BB2B00, #722A00, #2E1300)
• Amber Study color palette (#DDF1DA, #CA8724, #0069AA, #734800, #001C33)
• Soft Amber Terrace color palette (#FFE3F2, #EAA96B, #BF7F00, #8C6900, #4D481E)
• Moss Orchard color palette (#ECE2CC, #A08B00, #666800, #3A4C00, #0E2900)
• Gentle Clover color palette (#DEF4E0, #D4C88A, #83B555, #944E00, #2E2600)
• Tempered Study color palette (#F4E3CA, #9A6A00, #00787B, #860EA2, #1B0F00)

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