Amber Garden color palette — #FFF1F6 · #CA6F00 · #008693 · #3A4393 · #140109

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#CA6F00): A luminous, balanced gold — the color of old brass.
• Cerulean (#008693): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#3A4393): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#140109): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Ancient Thicket color palette (#E2FEE3, #B67D00, #0082AA, #4B4187, #000B01)
• Amber Courtyard color palette (#FFF1F5, #B67600, #006778, #3A2975, #050007)
• Quiet Amber color palette (#FFF1F5, #D88A00, #1F98B7, #515B91, #240C15)
• Misty Bloom color palette (#FFF0FC, #F9292C, #008A75, #00537B, #120110)
• Hazy Mustard color palette (#DEFFE5, #C09F00, #467B15, #1D3A7E, #141300)
• Apricot Grove color palette (#F7D2E6, #FF8E53, #367DD6, #7252AE, #300F00)
• Dusty Chestnut color palette (#F3E5CE, #7E6000, #006453, #003C4F, #0C0700)
• Airy Navy Orchard color palette (#EAE8D6, #6A6100, #004A9A, #3B005A, #010100)

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