Amber Garden color palette — #F6D5DA · #CA6822 · #715800 · #273100 · #001206

A conversation between Pumpkin and Coffee, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F6D5DA): A whisper-light, dusty red — the color of late-summer berries.
• Pumpkin (#CA6822): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#715800): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#273100): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001206): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Coral Study color palette (#F8E5EF, #DA6663, #804100, #392900, #0A1000)
• Amber Garden color palette (#FDDCC8, #C97F00, #715800, #393700, #002917)
• Fern Meadow color palette (#F3DDCA, #A28400, #3B6700, #00352A, #001418)
• Bronze Pier color palette (#FFE8E1, #A36500, #4A4400, #002B07, #000504)
• Weathered Tangerine color palette (#FFE7E8, #F48311, #967100, #435700, #002D17)
• Hushed Navy Archive color palette (#D3E7D1, #BE523A, #4F5000, #261570, #190A00)
• Powdered Amber Coast color palette (#FFECF2, #FF90A1, #BE8400, #00855A, #151000)
• Ancient Pine Boulevard color palette (#FFE1E2, #AB956B, #527547, #4A315B, #201D39)

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