Amber Field color palette — #FFF1F2 · #FFC1CF · #F09F98 · #CA8058 · #544F49

A conversation between Caramel and Rose Quartz, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFC1CF): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#F09F98): A luminous, balanced orange — the color of toasted spice.
• Caramel (#CA8058): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#544F49): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Tempered Thicket color palette (#FFF2ED, #FFC4BC, #82D5EE, #F0857A, #335643)
• Muted Parlor color palette (#FFF2ED, #FFCDB9, #DEA769, #A99944, #4E4D45)
• Antique Blush color palette (#FFF0F8, #DFC7F4, #DB9CCA, #C87A91, #504845)
• Misty Lantern color palette (#F8D6D6, #F4A285, #CF8200, #907200, #384502)
• Aged Blush Lantern color palette (#EBE1FF, #E696AF, #B56F5E, #7E5639, #2C3E2D)
• Worn Basin color palette (#FFF3E9, #EADBB6, #E5AB88, #BF7656, #512818)
• Powdered Amber Terrace color palette (#F7DFDB, #DD741D, #A57400, #5F5800, #102300)
• Muted Field color palette (#FFF2EC, #DFDECC, #E8ADC8, #B7BBC6, #754407)

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