Amber Courtyard color palette — #FFF1F5 · #FFB356 · #64C0FF · #D18300 · #003F60

Built around Mustard, softened by Cantaloupe — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Cantaloupe (#FFB356): A whisper-light, balanced gold — the color of old brass.
• Sky (#64C0FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#D18300): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#003F60): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Softworn Honey color palette (#E4FDEC, #EAC100, #7DBBFF, #B49400, #003B6F)
• Hazy Ember Alley color palette (#FFF0FA, #FFAD98, #28D8F2, #F04B1B, #00434C)
• Ancient Cobalt color palette (#FFF3E7, #FFAA4D, #0093DB, #AA6500, #003F61)
• Patina Chartreuse color palette (#D9FFF2, #B3D548, #ACADFF, #87A600, #35306D)
• Worn Amber Veranda color palette (#FDF0DC, #BF9000, #0091B3, #735600, #002530)
• Apricot Veranda color palette (#FFE7F0, #DDC689, #D99151, #B6655D, #333912)
• Hushed Blush Coast color palette (#F5DBD2, #A4C7FF, #FF9F9F, #794B4B, #251A25)
• Washed Lilac Drift color palette (#FFE7CA, #FFC170, #9E9CFF, #4F99E7, #452A00)

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