Periwinkle Harbor color palette — #FCF1FE · #4FA2F7 · #583D49 · #241A25 · #020704

Cornflower and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1FE): A whisper-light, dusty pink — the color of neon signs at night.
• Cornflower (#4FA2F7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583D49): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#241A25): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#020704): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Hushed Lilac color palette (#FFF1F6, #A88DDD, #5A3E3D, #291920, #080408)
• Aged Turquoise color palette (#E9FAEC, #00B3C0, #504052, #162218, #040602)
• Timeworn Periwinkle Canyon color palette (#DCE6F1, #6EADFA, #646F8A, #3C4B5D, #0F1A21)
• Cobalt Meadow color palette (#E6DCE7, #3376C3, #412739, #1D101E, #020805)
• Obsidian Indigo Grove color palette (#FFE5F7, #5B67FF, #3C1C42, #030321, #000201)
• Timeworn Orchid Pier color palette (#FFF1F5, #B85CFF, #572F2C, #230D16, #040003)
• Linen Powder color palette (#FFF0F8, #B8AEFF, #9CB663, #869C58, #3C2130)
• Charred Byzantium color palette (#FFDAE3, #A247BF, #3E1420, #211611, #0D0003)

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