Amber Canyon color palette — #F2F5FF · #B9A8FF · #B89400 · #008877 · #003931

A conversation between Mustard and Lavender, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#B9A8FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#B89400): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008877): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003931): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Mallow Grove color palette (#F1F0FF, #DF9FFF, #859201, #007F87, #003236)
• Chalky Olive Lantern color palette (#F0F5FF, #9EB2FF, #C58D00, #4E8716, #1C3900)
• Tempered Mallow color palette (#F7F2FF, #F69BD9, #73B17C, #3C889E, #0F3D51)
• Antique Shell Quarry color palette (#E7E2FF, #FFB4D3, #CCA787, #5B9098, #184E56)
• Washed Fuchsia color palette (#E2DEF4, #ED71FF, #548B23, #007358, #00261B)
• Hushed Sunflower color palette (#FFF1F6, #E6CF4C, #86B566, #8382B7, #433B0D)
• Timeworn Powder Summit color palette (#EDF9EC, #CFE8FF, #A1B0FF, #00A5AA, #493462)
• Feathered Terrace color palette (#FCDCFB, #FF7680, #009E9F, #007290, #002837)

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