Amber Canyon color palette — #FFF2EC · #D0755F · #746900 · #00486A · #150400

Coral Clay takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Coral Clay (#D0755F): A luminous, balanced orange — the color of toasted spice.
• Olive (#746900): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00486A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#150400): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Frosted Peony color palette (#FFF2F0, #C4698C, #936100, #005765, #1A0101)
• Navy Delta color palette (#FDF4E5, #AC8600, #608000, #183E9F, #110600)
• Tempered Amber color palette (#FFF3E9, #C37336, #37352E, #1B0B00, #040000)
• Denim Pier color palette (#FCF4EB, #D4A05E, #8C8B36, #1159A6, #231304)
• Denim Balcony color palette (#FFF4DF, #F198B4, #A67212, #1D4F96, #3A130F)
• Hazy Market color palette (#FFEEE8, #CB0040, #006630, #00334A, #150207)
• Hazy Amber color palette (#FFF0F8, #FFB4B8, #C87136, #5F4D00, #192600)
• Muted Chestnut Meadow color palette (#FFF3E8, #944C00, #564900, #00213E, #030000)

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