Apricot Boulevard color palette — #F7D8D5 · #FF8F4F · #C68800 · #817500 · #203B00

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

The five colors

• Shell Pink (#F7D8D5): A whisper-light, dusty orange — the color of autumn markets.
• Apricot (#FF8F4F): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C68800): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#817500): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#203B00): A deep, shadowed, balanced 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 Apricot Boulevard 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

• Tempered Amber Lagoon color palette (#FFE4D4, #DE8900, #A16D00, #665100, #3B3800)
• Hushed Ember Workshop color palette (#FFE8F1, #FF8180, #E26100, #8F5F00, #3F3600)
• Dusty Archive color palette (#F4E5D7, #DE9F00, #9E9B00, #2B7D00, #00422D)
• Muted Delta color palette (#F2DAB9, #BEBE58, #C08900, #AF521D, #143106)
• Amber Lantern color palette (#F2E3DE, #C46B00, #815600, #413700, #161C00)
• Mustard Station color palette (#FFEDA0, #E1C200, #B39C00, #776B00, #211C00)
• Magenta Meadow color palette (#FEECD7, #E09200, #A57FFF, #C247C9, #341F00)
• Worn Mustard color palette (#FFF2EB, #FFC99D, #D1AD49, #91995C, #4F5049)

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