Amber Courtyard color palette — #FAF3F5 · #CDD9DD · #9CA5B6 · #B78254 · #514349

Caramel and Blue Fog set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#CDD9DD): a clean, paper-quiet neutral.
• Blue Fog (#9CA5B6): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#B78254): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#514349): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Amber Field color palette (#F1F7F2, #D3DCDC, #B1C6CB, #B1873B, #414B42)
• Pewter Quarry color palette (#FFEAF7, #B5D3BA, #84A99F, #787099, #574C62)
• Fern Studio color palette (#DAE4DF, #97A9A5, #6F8D8E, #4B4700, #000D06)
• Powdered Study color palette (#FFF1F7, #CE9774, #668D54, #3359A9, #5D231C)
• Lagoon Parlor color palette (#EEF8F3, #A4CEC8, #57A086, #936267, #204B46)
• Timeworn Denim Canyon color palette (#E9FBE9, #DAA47F, #868D42, #61589A, #29452B)
• Dusty Amber color palette (#DCE8DF, #AA8C24, #32554C, #1B3424, #1F1519)
• Hushed Olive Hollow color palette (#E6F2EE, #CADCDB, #A3BDC2, #588000, #1F322D)

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