Amber Field color palette — #F8F0EA · #C27A4F · #2C825B · #2F4674 · #281910

Caramel and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Caramel (#C27A4F): A luminous, balanced gold — the color of old brass.
• Fern (#2C825B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2F4674): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#281910): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Aged Thicket color palette (#FBEFEB, #BC6F70, #007670, #5E4475, #271915)
• Aged Olive color palette (#FDEEED, #B87C9D, #4C781E, #2E5079, #271919)
• Worn Taupe color palette (#F9F0E5, #DA9A7E, #817A3C, #454F7A, #36291B)
• Amber Atelier color palette (#FFF2EB, #C26735, #637539, #663D46, #41302C)
• Washed Courtyard color palette (#FFF0F7, #DF9069, #32979D, #267175, #363543)
• Antique Bronze Lagoon color palette (#F6ECDF, #A37B33, #3D3B34, #261C0F, #0F0C09)
• Gentle Lantern color palette (#FFEEE1, #AA5800, #00625F, #431C87, #1A0A00)
• Bronze Coast color palette (#F7F1E7, #A57B00, #00669D, #5C254A, #180E01)

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