Amber Garden color palette — #FFF1F2 · #FFB189 · #B27D00 · #4B6000 · #002818

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Cantaloupe (#FFB189): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#B27D00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#4B6000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002818): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Soft Parlor color palette (#FFF0FA, #FFBEBD, #CF6800, #674E00, #1C2500)
• Gentle Veranda color palette (#FFF2EC, #F7C460, #829800, #006A3C, #002625)
• Amber Pier color palette (#FFE5D8, #B38400, #4C5200, #002A16, #000201)
• Wandering Amber Grove color palette (#FFDAC6, #FFB152, #C29800, #777500, #283B00)
• Mustard Basin color palette (#FFF2EF, #FED496, #B5AB20, #297B39, #003B30)
• Olive Quarry color palette (#FFF3E5, #FB9880, #838400, #45488D, #321B02)
• Muted Bronze Boulevard color palette (#F8ECDF, #B79047, #816600, #484000, #171900)
• Velvet Olive color palette (#EDE2D0, #7B7B00, #004721, #00100F, #000102)

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