Amber Courtyard color palette — #FFF3E8 · #D48C49 · #42A09F · #007E89 · #37322D

Mustard and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#D48C49): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#42A09F): A luminous, balanced teal — the color of sea glass.
• Teal (#007E89): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#37322D): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Antique Taupe Parlor color palette (#FBF4E8, #C3A860, #6EA2C6, #4E81A2, #403D36)
• Softworn Marigold Garden color palette (#FCF4E7, #C79E4A, #2C8CAC, #57578D, #4F2940)
• Aged Basin color palette (#FFF2EF, #DD7B9B, #4EA18D, #21806D, #462B27)
• Gentle Moss color palette (#F9F5E9, #96963B, #49915E, #3B5F95, #3F261B)
• Amber Boulevard color palette (#FFF3E8, #D98944, #7E89CE, #7A619A, #37322D)
• Moss Garden color palette (#FFF3E5, #DAA66C, #76914A, #655993, #403D36)
• Quiet Turquoise Studio color palette (#FBF1FF, #EE93AC, #00B3BC, #7169A6, #2C1F31)
• Washed Amber Archive color palette (#FDDFBD, #CB8826, #006BA8, #3F488E, #2E1A00)

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