Amber Field color palette — #F6D7D7 · #FBA28F · #DC8750 · #747F12 · #2D441F

Coral Clay and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6D7D7): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FBA28F): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#DC8750): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#747F12): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#2D441F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Amber Field 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 Atelier color palette (#F9D7E8, #EBA6B5, #E3736D, #92721E, #443E00)
• Amber Coast color palette (#FCD9C7, #F3B067, #C5950D, #3B9158, #004733)
• Weathered Villa color palette (#FFF0EB, #F6C09E, #D1AB74, #718E69, #215757)
• Dusty Lantern color palette (#FFF0FF, #FFB8C1, #B87B41, #006B73, #00373B)
• Ancient Coral color palette (#E8DCEC, #CB7689, #896531, #004D53, #002C30)
• Antique Cypress Boulevard color palette (#D6E7DA, #A6A369, #768B55, #007570, #00333B)
• Fern Quarry color palette (#FFE1D9, #B07753, #8A5A00, #295A18, #001A0A)
• Peony Balcony color palette (#F9DACB, #FC7A2A, #9CA400, #EF05BC, #3F1600)

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