Apricot Harbor color palette — #FFF3E8 · #F18700 · #2A8B4F · #004E7C · #32052A

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Apricot (#F18700): A luminous, vivid gold — the color of old brass.
• Fern (#2A8B4F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#004E7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#32052A): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Muted Tangerine Grove color palette (#FFF2EB, #FF7940, #628322, #00545F, #200F3C)
• Mustard Coast color palette (#FFF4DF, #C7A200, #00897B, #364286, #380217)
• Pale Mustard color palette (#FFF3E3, #EBAF28, #3D9D82, #3C5B91, #421D30)
• Dusty Aubergine color palette (#FFF5D8, #A99D00, #007A7D, #4800A1, #2B0003)
• Quiet Bronze Alley color palette (#FCE7F0, #AC6934, #515C00, #003366, #2E0100)
• Ancient Dune color palette (#FFF3E8, #EAD093, #8F9F6E, #4E7A6C, #4A2C42)
• Quiet Olive Field color palette (#E4F7EE, #7B7C2B, #006441, #00424C, #122857)
• Amber Ridge color palette (#FFF3E5, #B97B00, #38352E, #160E04, #030100)

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