Apricot Harbor color palette — #DFFBFF · #FFAB8E · #006757 · #00251E · #000102

Melon and Pine set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#DFFBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Melon (#FFAB8E): A luminous, balanced orange — the color of toasted spice.
• Pine (#006757): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#00251E): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000102): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, 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

• Pale Villa color palette (#D8FFF8, #FFAF62, #236A00, #082600, #000201)
• Hushed Shell Harbor color palette (#EDF7FF, #FFA6B2, #005F8B, #002134, #000103)
• Aged Petrol Balcony color palette (#EAF7FF, #FFC9C6, #007792, #003442, #000910)
• Aged Amber color palette (#DEEACD, #CC7C34, #00472F, #002114, #000B0B)
• Wandering Orchard color palette (#EDF7FA, #D9D7CC, #479493, #2A4C55, #131D20)
• Pale Emerald Basin color palette (#E2E9CA, #C9C618, #00993C, #1A5D2A, #001503)
• Blush Field color palette (#E2F0FF, #F96C86, #003C70, #291E24, #000716)
• Quiet Chartreuse Thicket color palette (#E2FBF8, #00EA57, #A064FF, #007025, #02000A)

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