Amber Canyon color palette — #FBEFE7 · #C87F4A · #2F6D9E · #2F4F6B · #27161A

Mustard and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Mustard (#C87F4A): A luminous, balanced gold — the color of old brass.
• Slate (#2F6D9E): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#2F4F6B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#27161A): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Sophistication. 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

• Amber Alley color palette (#F9F1E3, #A78E38, #4E6DA3, #5D405B, #241614)
• Softworn Driftwood Summit color palette (#FFEDE9, #B76773, #00747E, #304E6C, #281822)
• Worn Apricot color palette (#FDF0DF, #D3A06A, #6D814D, #4E4D74, #342A19)
• Patina Lagoon Drift color palette (#FCF2F6, #C3906D, #2F9194, #5F6B9D, #3E3342)
• Moss Summit color palette (#F3F3E5, #5D9000, #5F5495, #423771, #1E0F06)
• Ultramarine Quarry color palette (#FFEFDB, #9A6500, #1C3CC9, #162E7D, #1C000F)
• Apricot Boulevard color palette (#FDF1F9, #FFA58B, #858BC7, #84628B, #2B202E)
• Marigold Ridge color palette (#FFEEE6, #E3B070, #8E8A51, #4C612C, #003922)

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