Amber Field color palette — #FFF1F6 · #FFC893 · #96BDF7 · #BE7726 · #20385D

Built around Mustard, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cantaloupe (#FFC893): A whisper-light, balanced gold — the color of honey in a jar.
• Sky (#96BDF7): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#BE7726): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#20385D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Powder Drift color palette (#E5FCEE, #E4D683, #B1B2FF, #998B32, #34335C)
• Feathered Thicket color palette (#FFF0F9, #FFC5B0, #4BCFE4, #C76E4E, #004049)
• Sunlit Parlor color palette (#FFF3E6, #F5C088, #E7A2E1, #DC8900, #573454)
• Dusty Stone Alley color palette (#FFF1F6, #C4EBFA, #DCA08D, #97B2CC, #324536)
• Sunlit Mustard Courtyard color palette (#E6FCE8, #E3B15F, #78AFE9, #6F90D7, #1C311F)
• Taupe Canyon color palette (#FFF1F5, #C2E8CB, #BE956C, #8E5D4C, #1B382D)
• Cerulean Bloom color palette (#FFF3E4, #C39656, #0094CF, #895B00, #1B475F)
• Hushed Lapis color palette (#F3E3CF, #AA7000, #4A53D3, #533500, #01000B)

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