Amber Courtyard color palette — #FFF0FE · #FFD1E7 · #FFA6A5 · #CA7100 · #240400

Built around Mustard, softened by Rose Quartz — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Shell Pink (#FFD1E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose Quartz (#FFA6A5): A luminous, balanced orange — the color of autumn markets.
• Mustard (#CA7100): A luminous, balanced gold — the color of honey in a jar.
• Ink (#240400): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Misty Ember color palette (#FAF2FF, #F1D1E2, #FFAFD1, #F45C2F, #210009)
• Apricot Hollow color palette (#FFF0F8, #FFAABB, #FF8F61, #987300, #0F0400)
• Timeworn Basin color palette (#FFE7E1, #FF9162, #AD5D00, #633F00, #251900)
• Softworn Amber Harbor color palette (#FFE7EF, #FFA28D, #E18400, #636800, #020100)
• Worn Summit color palette (#FFF0F7, #FFD4D2, #FFAC6F, #AF9C00, #231400)
• Dusty Lantern color palette (#FFF0FA, #E8D6D2, #A2B8CF, #D29524, #301200)
• Softworn Bloom color palette (#FFE4DC, #FF8AE0, #EE4F5C, #8F6200, #250700)
• Frosted Ridge color palette (#FFECE5, #FA87A4, #F25649, #A14800, #4B120A)

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