Ancient Amber color palette — #FCF4E7 · #D7E1CE · #A0B6C6 · #AF8D2B · #38342E

A conversation between Mustard and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Celadon Mist (#D7E1CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#A0B6C6): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#AF8D2B): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#38342E): quiet, heavy and certain.

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

Use it as a design system

One click turns Ancient Amber 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

• Patina Amber color palette (#FFF2EB, #DEDCCC, #99B4B9, #C97A5D, #552600)
• Bronze Boulevard color palette (#F9F5EA, #D6E1D1, #B0CBB7, #857728, #221E14)
• Tempered Bronze Orchard color palette (#F0F7F2, #CEDDDD, #A7C3BD, #806800, #324539)
• Abyss Boulevard color palette (#E7EDE4, #ABC2AF, #779B8D, #00473B, #000200)
• Celadon Alley color palette (#FFF4DA, #BFF1A2, #6EB0A8, #90648C, #5C3659)
• Washed Hollow color palette (#EEEFE5, #C7D5BC, #96AD99, #055E12, #020300)
• Seafoam Workshop color palette (#F5F8E1, #7EF2C9, #00A7A6, #915B4B, #003828)
• Airy Celadon color palette (#FBF6D9, #E5F600, #D1D9CA, #00C49C, #183300)

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