Amber Garden color palette — #FFDEF0 · #DC8949 · #9D552D · #6D2D19 · #300E1E

A conversation between Mustard and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFDEF0): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#DC8949): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#9D552D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#6D2D19): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#300E1E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Bronze Thicket color palette (#FFDFE9, #C59749, #945D00, #643707, #062310)
• Sunlit Amber Summit color palette (#FAD5C6, #D76B11, #973900, #661100, #1F0D00)
• Quiet Chapel color palette (#FFF0F9, #FFC285, #D3754A, #894A4D, #332600)
• Ancient Taupe color palette (#E2F8E9, #B6AD71, #847441, #38543D, #13281F)
• Aged Bronze color palette (#E5DED2, #8B6D00, #593E00, #331D00, #070500)
• Tempered Stone Chapel color palette (#FFECF4, #D9B391, #9C7588, #6B4E5F, #252F24)
• Pale Field color palette (#D5FAFE, #009175, #0C6AC4, #5B4600, #00181A)
• Feathered Field color palette (#D9FAF7, #B1AE1B, #005D26, #00290D, #000A09)

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