Apricot Harbor color palette — #FFF1F4 · #FFC5B7 · #E49861 · #9B8028 · #424300

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Wheat (#FFC5B7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Apricot (#E49861): A luminous, balanced gold — the color of old brass.
• Walnut (#9B8028): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#424300): A deep, shadowed, balanced 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 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

• Coral Corridor color palette (#FFE5FC, #FFBFD3, #EC958E, #B06F44, #513800)
• Powdered Loft color palette (#FFF2EE, #FFC792, #CBAB5A, #7D9041, #014D14)
• Muted Bronze Harbor color palette (#FFDEDB, #D69A83, #A56216, #5D4100, #261F00)
• Softworn Apricot color palette (#FDE2DD, #FF9B5D, #BE8600, #737200, #0D3300)
• Shell Coast color palette (#FFF4DE, #FFAFAA, #C19F61, #5D87A9, #423C37)
• Feathered Ember color palette (#FBD3D4, #F25A0D, #975E00, #564800, #081100)
• Bronze Delta color palette (#F3DBD0, #A87500, #6D6400, #274200, #000402)
• Muted Sand color palette (#FFF2ED, #FCD0AA, #BFB890, #9F889A, #594555)

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