Amber Canyon color palette — #ECF7FF · #7FD3FF · #D37800 · #957900 · #0D2F43

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#7FD3FF): A whisper-light, balanced blue — the color of open sky before noon.
• Mustard (#D37800): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#957900): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#0D2F43): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Worn Parlor color palette (#EDF6FF, #66BAFF, #CF9D00, #AB8101, #112D46)
• Washed Amber Parlor color palette (#C0E4F9, #00ADD6, #A98F00, #887300, #001E2C)
• Frosted Coral color palette (#DFFBFF, #3AE5C5, #E06666, #B75E15, #00342B)
• Powdered Apricot color palette (#DDFCFF, #00D0A9, #F08800, #BD7531, #003429)
• Ancient Field color palette (#EDF7FF, #64C1FF, #F66238, #3F8838, #073C04)
• Weathered Market color palette (#ECFECA, #85C8FF, #D070E4, #6E8434, #2A3257)
• Pale Scarlet Grove color palette (#DAFFF1, #2EB4F8, #C83A3F, #826000, #073427)
• Pale Cornflower Atelier color palette (#DEE9FF, #4882FF, #937E00, #736200, #000C26)

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