Amber Field color palette — #FBF1FF · #FFC6C4 · #EDA382 · #BF8D4F · #345A44

Built around Mustard, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Shell Pink (#FFC6C4): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#EDA382): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#BF8D4F): A luminous, balanced gold — the color of honey in a jar.
• Pine (#345A44): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged light, 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

• Patina Bronze color palette (#FFEBE3, #EBB1A1, #D08B60, #9B6328, #544F48)
• Ancient Ridge color palette (#FDF2F6, #F9CAAA, #8DD0FD, #E79050, #2B526B)
• Weathered Moss Grove color palette (#FFECF5, #F0CBA4, #CCB96E, #8A9E55, #285753)
• Muted Pier color palette (#FFE8E1, #E7A863, #B49700, #737900, #164C1E)
• Tempered Apricot Hollow color palette (#FFEAE7, #F69D96, #BC7B57, #795A2F, #37342E)
• Aged Alley color palette (#FFF0F8, #C6E3EC, #EDACB4, #A9AAB8, #465548)
• Antique Coral color palette (#F2F1FF, #F5C7E7, #EA99B4, #D17778, #684758)
• Aged Amber Veranda color palette (#FFE7D8, #C58A00, #837A00, #3E6300, #002914)

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