Amber Field color palette — #E7FBEE · #E8D38F · #96BBFF · #A58700 · #24375D

Mustard takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E7FBEE): A whisper-light, dusty teal — the color of sea glass.
• Wheat (#E8D38F): A whisper-light, balanced green — the color of new leaves after rain.
• Sky (#96BBFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#A58700): A luminous, balanced green — the color of fresh herbs.
• Navy (#24375D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Quiet Moss color palette (#E5FBF4, #C9DEA4, #BFAEF5, #759900, #3C2E5E)
• Misty Amber color palette (#FFF1F6, #FFC79B, #56C9FD, #C97000, #023E55)
• Hushed Iris Station color palette (#E2FDEC, #CEBB6C, #91A3FA, #798AE0, #153222)
• Marigold Terrace color palette (#E4F8E9, #C39F40, #7988CD, #7D6000, #1D2448)
• Worn Bronze Boulevard color palette (#EBFAED, #BAE9D5, #B29B6E, #905C3F, #123934)
• Taupe Corridor color palette (#EAFAEC, #C2E9EF, #B3B5D4, #D89285, #315143)
• Aged Grape color palette (#DDF2E2, #9B7900, #6D3ED8, #4B3900, #010008)
• Iris Coast color palette (#D9FFF1, #B8CE3D, #7C7BEF, #657300, #1B005D)

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