Amber Canyon color palette — #FCF4EC · #D9DCC9 · #B6C6AB · #D97F00 · #37322C
Mustard and Pistachio set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FCF4EC): bright and airy, almost weightless.
- Bone (#D9DCC9): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B6C6AB): A luminous, dusty green — the color of fresh herbs.
- Mustard (#D97F00): A luminous, balanced gold — the color of afternoon light on wheat.
- Espresso (#37322C): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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 Bronze Courtyard color palette (#FBF4EC, #DEDECC, #AACAAA, #AD6E00, #2D2215)
- Moss Loft color palette (#F7F5EE, #D2DDD1, #96D3D6, #9E9F00, #35332C)
- Misty Ember Courtyard color palette (#FEF3ED, #E0DAC4, #C3C79C, #FC5944, #562000)
- Ancient Amber color palette (#EEE5CA, #AF8E00, #466418, #413300, #0F0500)
- Misty Workshop color palette (#FBE3CF, #F6880D, #1AA623, #5231FF, #3C1900)
- Antique Veranda color palette (#F9F4EF, #D9DBD4, #D1AF82, #A8B4AF, #57524C)
- Chestnut Harbor color palette (#FFECF3, #C3DBCA, #A7B187, #864A00, #26131B)
- Indigo Hollow color palette (#F6E2DD, #E0B682, #88A36A, #7662B9, #622D48)
Browse the whole catalog at Explore, or see today's palette.