Plum Harbor color palette — #EAF5F1 · #7CB9F2 · #AF5367 · #26699F · #170A08

A conversation between Brick and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF5F1): a clean, paper-quiet neutral.
• Sky (#7CB9F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Brick (#AF5367): A full-bodied, balanced red — the color of late-summer berries.
• Peacock (#26699F): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#170A08): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Plum 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

• Dusty Cabin color palette (#EAF5F0, #3BC1FE, #9957A2, #006D96, #19090C)
• Chalky Boulevard color palette (#F9EEF5, #A6AAFB, #AB5C41, #595AA6, #180A03)
• Antique Lilac color palette (#F1F6FC, #A3C5FF, #AC77C0, #5B80BF, #242230)
• Faded Iris Thicket color palette (#F2F5D8, #7F95F2, #875882, #245229, #321A26)
• Powder Quarry color palette (#E7F0FF, #A8A9F5, #8E66A6, #6E325B, #49021D)
• Pewter Harbor color palette (#F7EFF4, #E5D4D2, #C9BAB3, #8A697F, #32292F)
• Aged Nightshade Lantern color palette (#FBE6F5, #7189FF, #AB0036, #2E2DBE, #0D0001)
• Brick Station color palette (#FEECF2, #C485FF, #C02901, #7436A6, #150400)

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