Apricot Garden color palette — #F9F2FF · #F0D7CB · #E8A285 · #9E7751 · #405847

A conversation between Melon and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bone (#F0D7CB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#E8A285): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#9E7751): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#405847): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged light, muted.

Use it as a design system

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

• Antique Boulevard color palette (#FFF2F0, #E1A7A4, #B66B58, #93571B, #514C46)
• Apricot Harbor color palette (#FFD8D4, #FF8E4F, #A36B00, #604F00, #132000)
• Tempered Glacier Studio color palette (#FFF1F6, #ECDEBB, #82DBEE, #C08D67, #2A4B59)
• Washed Stone color palette (#FFF1F6, #D5DBCD, #E0A985, #8C6646, #412131)
• Amber Balcony color palette (#FFF2EE, #FFB481, #B48D00, #676200, #213B0F)
• Tempered Cream Thicket color palette (#FFE9DB, #D8D3DE, #AC9F9E, #534149, #2F2529)
• Mustard Orchard color palette (#FFF2E9, #FFD082, #B0A735, #58743C, #174C4C)
• Bronze Delta color palette (#F0E1D3, #9C7D00, #4C5F00, #022903, #000201)

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