Amber Field color palette — #F9F4EF · #D9DBD5 · #B9C6B7 · #C07E41 · #4E463F

Caramel and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#D9DBD5): a clean, paper-quiet neutral.
• Stone (#B9C6B7): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#C07E41): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#4E463F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Hushed Taupe color palette (#FAF4ED, #DBDCD0, #A9B5AC, #C9A47D, #4C4741)
• Hushed Bronze Hollow color palette (#FAF4ED, #E2DFC8, #B8C3A2, #996F00, #36322C)
• Driftwood Drift color palette (#FFF2EF, #DEC7AE, #A1A185, #997173, #654244)
• Timeworn Chestnut color palette (#F0EBE5, #B8B4A8, #93997F, #714900, #1F1000)
• Weathered Chapel color palette (#EDE4D2, #A98C2B, #4F5100, #312D27, #1D1711)
• Wandering Emerald color palette (#F5F6EF, #D1DCD7, #AEC3C1, #5E904D, #3D3E00)
• Antique Denim Canyon color palette (#FFF3E7, #E39E82, #7F8F46, #615999, #413C36)
• Hushed Workshop color palette (#F8F5EA, #C1C9A1, #47A195, #8A647E, #3F4800)

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