Pale Amber color palette — #F6DAAF · #B18600 · #795300 · #563300 · #322800

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F6DAAF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B18600): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#795300): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#563300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Pale Amber 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

• Chestnut Atelier color palette (#F4E5D6, #B48F62, #905200, #67350F, #34302A)
• Bronze Summit color palette (#F8E5CF, #946F1F, #5F3D00, #3D2000, #1F1400)
• Weathered Mustard Drift color palette (#CBE7CB, #BFA400, #9F6C00, #843A00, #262D00)
• Amber Field color palette (#F1DABE, #C5BA69, #C78500, #AE5231, #1B3000)
• Chestnut Coast color palette (#FAF4EA, #C4B798, #907F53, #7C550F, #584500)
• Eclipse Orchard color palette (#F3E8CB, #5E5D00, #332C00, #171000, #030400)
• Quiet Plum Corridor color palette (#FFDADE, #AC00A1, #884300, #4E3900, #31112D)
• Airy Summit color palette (#FFECEA, #A40056, #593B00, #292F00, #002015)

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