Amber Canyon color palette — #FFF1F5 · #B49333 · #3D7946 · #584174 · #2C4339
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mustard (#B49333): A luminous, balanced gold — the color of old brass.
- Olive (#3D7946): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#584174): A full-bodied, balanced violet — the color of wild irises.
- Forest (#2C4339): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro, muted.
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
- Ancient Pine Garden color palette (#FFEBF6, #BD9456, #357C4E, #503B67, #0B291D)
- Amber Boulevard color palette (#E5FDE8, #D97D2C, #687021, #3F4A77, #314232)
- Antique Taupe color palette (#FFF1F7, #98B36B, #44847B, #5D5276, #354D4B)
- Frosted Moss Market color palette (#EBF9F1, #9C8900, #006B97, #533A6F, #512840)
- Hazy Emerald color palette (#FFF2EC, #00A84A, #006D78, #6E2750, #073F31)
- Wandering Ridge color palette (#FFDDC3, #7D8500, #00614C, #5A006A, #143100)
- Timeworn Cypress color palette (#FAF2F8, #B4E5FB, #5692B3, #217160, #37495F)
- Wandering Olive color palette (#D0ECE2, #697B00, #0C3A39, #15221E, #060E0D)
Browse the whole catalog at Explore, or see today's palette.