Apricot Harbor color palette — #FDF3EB · #DE9E6E · #675200 · #35281E · #140E0B

Camel and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Camel (#DE9E6E): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#675200): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#35281E): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#140E0B): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Worn Workshop color palette (#FCEDF3, #E6A873, #6B8270, #5E5055, #252023)
• Tempered Moss Ridge color palette (#F8F6E5, #90A95E, #3E4B34, #221F07, #080501)
• Softworn Bronze color palette (#F7EBE1, #BE6B00, #3F3B34, #251C14, #100B08)
• Velvet Fern color palette (#EFE8C8, #606500, #2A3535, #00180C, #010100)
• Weathered Periwinkle Villa color palette (#FAF6E0, #C6D396, #9EBAF8, #82A0E7, #3A3932)
• Emerald Parlor color palette (#ECF2D5, #009830, #565760, #003332, #000B01)
• Basalt Harbor color palette (#FBF4EB, #C5E0D0, #92BA9B, #9E7A87, #524600)
• Taupe Grove color palette (#FBF5E6, #CDE8BF, #B6CBFF, #A69D40, #384567)

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