Misty Amber color palette — #FFF1F7 · #CE772C · #578847 · #754766 · #362433

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Mustard (#CE772C): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#578847): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#754766): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#362433): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Misty 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

• Moss Coast color palette (#EBF9F1, #A59000, #008C78, #834446, #332127)
• Tempered Bronze color palette (#EFF8EE, #9D6F26, #006270, #3E3B70, #322534)
• Mulberry Harbor color palette (#DEFCE5, #9D7300, #007B53, #90003C, #260D00)
• Faded Moss Delta color palette (#E4FCF2, #9FAF46, #1B9671, #1B6879, #4F2B39)
• Denim Station color palette (#EAF9F4, #91AC64, #698943, #4F57A9, #0D2212)
• Washed Boulevard color palette (#F0F7F2, #CFDFDE, #AEC8C9, #9D8E62, #424A44)
• Moss Meadow color palette (#D5EAE2, #8B9900, #32554D, #22322C, #131A17)
• Hushed Mustard color palette (#E6FBEE, #C2B439, #7A8F55, #227071, #264438)

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