Amber Garden color palette — #FFF3E2 · #CA951E · #5F89D0 · #835E03 · #513950

A conversation between Mustard and Azure, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Mustard (#CA951E): A luminous, balanced gold — the color of honey in a jar.
• Azure (#5F89D0): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#835E03): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#513950): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Hazy Grove color palette (#FFF3E7, #D88C3D, #4D90C2, #8E5719, #1A4C40)
• Mustard Drift color palette (#FAF5E5, #B9B462, #A38DC1, #79753A, #61434F)
• Aged Amber Terrace color palette (#FFF3E2, #AE7F00, #6876B7, #6E5789, #3B3731)
• Feathered Quarry color palette (#E3F8E6, #C39D53, #3BA090, #815E00, #002F28)
• Wandering Cocoa color palette (#FFF3E4, #ADAA79, #8F6B35, #794117, #414000)
• Amber Atelier color palette (#EAFAEC, #E9C788, #96BFFF, #CB9400, #2B4268)
• Frosted Lapis color palette (#E9E9B3, #9D9922, #4F33ED, #545100, #231D6E)
• Antique Chestnut color palette (#FFF3E6, #CCF1C9, #7CCEC2, #9A6F61, #624B00)

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