Chalky Amber color palette — #FFF2F0 · #FFA77F · #C87C00 · #745800 · #302C00

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Melon (#FFA77F): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C87C00): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#745800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#302C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Chalky Amber 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

• Amber Harbor color palette (#FFDCE0, #FE9F7A, #DB831B, #8D7200, #373900)
• Dusty Ember color palette (#FFF1F6, #FFA9B0, #E2614F, #924B0E, #402700)
• Mustard Ridge color palette (#FFF2EA, #F3AF1F, #9C8600, #5A630A, #273C18)
• Ancient Meadow color palette (#FFF1F5, #E3C475, #AB8054, #774C3C, #04291C)
• Amber Pier color palette (#FADDD4, #E27600, #835B00, #382E00, #0D0D00)
• Wandering Bronze color palette (#FFF4DA, #FFD58F, #A78300, #5F4A00, #191100)
• Muted Amber color palette (#FFF2EC, #FFD6AE, #BC961E, #766D22, #1D5045)
• Powdered Chestnut Lantern color palette (#FBDEE1, #CB7564, #975400, #574400, #1E1E00)

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