Frosted Amber color palette — #FFEFEB · #F9AA8A · #B58900 · #69710C · #004C2A

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

The five colors

• Cream (#FFEFEB): a clean, paper-quiet neutral.
• Melon (#F9AA8A): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B58900): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#69710C): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004C2A): A deep, shadowed, balanced teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Frosted 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 Meadow color palette (#FFE6F9, #FBABB2, #CF7A3A, #7B6000, #354500)
• Timeworn Moss color palette (#FFF1EB, #E1B970, #9B9D33, #107540, #004341)
• Weathered Marigold color palette (#FFEDE5, #DE9D4A, #97731E, #5A5400, #2D4400)
• Muted Delta color palette (#FFF3E4, #EA9987, #8C8C07, #565F92, #423C37)
• Hazy Marigold color palette (#FFEAE6, #E29400, #838000, #035F14, #002F27)
• Pale Market color palette (#EEDFC8, #ABAA36, #00892E, #00534A, #002B35)
• Antique Bronze color palette (#F4E4D8, #896D00, #364E00, #002618, #000404)
• Tempered Amber color palette (#EEE3D3, #B88518, #44532E, #312D27, #1E1612)

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