Amber Garden color palette — #FFF3E9 · #CB8345 · #00868C · #485794 · #372422

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Mustard (#CB8345): A luminous, balanced gold — the color of old brass.
• Teal (#00868C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#485794): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#372422): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant, muted.

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

• Antique Cerulean color palette (#FAF4E9, #BD9E4A, #008EB5, #775F96, #362F2C)
• Patina Marigold Canyon color palette (#FBF4E9, #C99D3D, #009773, #305F96, #4F2844)
• Coral Garden color palette (#FFF2ED, #E17574, #00956A, #00658F, #3E262A)
• Washed Bloom color palette (#FFF4E2, #D6A861, #819022, #2B679A, #403D36)
• Coral Lagoon color palette (#FCF1FB, #E88284, #5883BF, #6A5291, #1A1221)
• Faded Aubergine color palette (#FFF3E3, #9E6F00, #007087, #4D08B4, #300006)
• Hushed Mustard Study color palette (#EAFAF0, #C8B965, #5DB490, #6584BB, #342130)
• Pale Lagoon color palette (#FAF6E1, #8A9600, #006DD0, #851689, #371801)

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