Apricot Coast color palette — #FFD3C7 · #F79B40 · #BC8200 · #786000 · #3D4000

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

The five colors

• Shell Pink (#FFD3C7): A whisper-light, dusty orange — the color of autumn markets.
• Apricot (#F79B40): A luminous, balanced gold — the color of old brass.
• Mustard (#BC8200): A luminous, balanced gold — the color of old brass.
• Olive (#786000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3D4000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Softworn Dune color palette (#FFD7B2, #DC8D00, #916500, #634900, #313D06)
• Bronze Grove color palette (#FBECD7, #BEB774, #AB7D16, #934A00, #2E3B0F)
• Faded Mustard color palette (#FCE7CC, #D7AF00, #998E00, #567500, #054B0B)
• Ember Balcony color palette (#FBD2DA, #FF8F81, #E55500, #965600, #513B00)
• Tempered Orchard color palette (#FFF4DD, #C6AD3C, #00A7EB, #8C7600, #00405D)
• Chalky Ember color palette (#FFF3E2, #C1F8CC, #82E8BE, #D55E00, #45470C)
• Timeworn Mustard Archive color palette (#E8DDE8, #B4BAFF, #B3AB00, #3E3B00, #261D00)
• Amethyst Market color palette (#F7EBC4, #AFAC1E, #009CD3, #833CF3, #343200)

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