Amber Garden color palette — #F0F5FF · #A1B1FF · #E57521 · #7B7A00 · #003B26

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#A1B1FF): A luminous, balanced violet — the color of wild irises.
• Tangerine (#E57521): A luminous, vivid gold — the color of old brass.
• Olive Leaf (#7B7A00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003B26): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Lilac Canyon color palette (#EDF1FF, #ADA4FF, #CB7D50, #3D814F, #013615)
• Rose Dune color palette (#EEF6FF, #74BEFF, #F75A76, #767C00, #313400)
• Periwinkle Garden color palette (#FFF0FB, #94A8FF, #9B7900, #585300, #202500)
• Blush Canyon color palette (#D4EAFF, #D6C4FF, #D591B8, #66946A, #164E51)
• Soft Cabin color palette (#E9E4FF, #F35DFF, #A38800, #007583, #002A30)
• Antique Orchid color palette (#DCE0F9, #A069FF, #A26100, #006044, #00170D)
• Tempered Mallow Market color palette (#F7F3FD, #F5AED6, #A4B178, #4B9499, #23475B)
• Tempered Magenta Drift color palette (#E9E2FF, #CF00D1, #696800, #00503B, #00090F)

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