Amber Garden color palette — #FBE7EE · #C97300 · #6B4D21 · #402731 · #090206

A conversation between Mustard and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#FBE7EE): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#C97300): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#6B4D21): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#402731): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#090206): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Amber Garden 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 Quarry color palette (#E3F2E4, #B58100, #635214, #1D3721, #0A0204)
• Timeworn Chapel color palette (#EBDDE8, #EB4D3B, #764530, #3D2739, #070307)
• Bronze Balcony color palette (#F3DAE4, #A85B00, #3E3200, #250C18, #080307)
• Ancient Grove color palette (#D7F5E6, #746E00, #2E3700, #111E21, #000A05)
• Worn Mustard Dune color palette (#D8EADE, #C9A700, #507A68, #3A5042, #131A14)
• Midnight Corridor color palette (#F3DBE5, #804300, #344300, #002014, #0E0106)
• Washed Market color palette (#FFE9CD, #E1A200, #B18800, #746200, #363100)
• Gentle Ridge color palette (#D8EADC, #C5BB80, #979700, #9C6647, #103021)

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