Faded Amber color palette — #FFF3E7 · #BA7A36 · #6C6F00 · #00557E · #2E1803

A conversation between Caramel and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Caramel (#BA7A36): A luminous, balanced gold — the color of old brass.
• Olive (#6C6F00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00557E): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2E1803): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Faded 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

• Misty Amber Terrace color palette (#FFF2EB, #CE6D47, #996300, #006064, #37160F)
• Airy Nightshade Study color palette (#FDF4E8, #B78223, #5D8511, #2835A0, #2C1A04)
• Misty Denim color palette (#FBF5E5, #A79E5C, #7B802E, #335FA8, #3A2311)
• Frosted Nightshade color palette (#FFEBD3, #D68894, #977100, #4446A7, #4A2418)
• Chalky Aubergine Grove color palette (#FCEBCA, #9B7F00, #007242, #600092, #1E1700)
• Bronze Meadow color palette (#F2E0CC, #AE711B, #4B4000, #2E1E09, #140B07)
• Ember Summit color palette (#FFF0F9, #ED5E18, #007E8A, #00545D, #050A20)
• Washed Chestnut Boulevard color palette (#EEE3D4, #805B00, #454F00, #003258, #0D0300)

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