Lapis Harbor color palette — #F0DCFA · #E63085 · #007EC3 · #4131D8 · #40001F

Iris and Fuchsia set the tone — five colors that lean into trust and stability.

The five colors

• Thistle (#F0DCFA): A whisper-light, dusty violet — the color of a velvet chair.
• Fuchsia (#E63085): A luminous, vivid rose — the color of a warm blush.
• Cerulean (#007EC3): A full-bodied, balanced blue — the color of deep harbor water.
• Iris (#4131D8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#40001F): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Sunlit Pier color palette (#EBDEFB, #D441AB, #0084A4, #0051B8, #3C002D)
• Antique Thicket color palette (#FFEEFE, #EE2C3E, #0046E8, #5C00A5, #2E001D)
• Dusty Alley color palette (#FFF0FC, #F15E4E, #6178F6, #8725CF, #491B15)
• Faded Ultramarine Boulevard color palette (#FCD9EE, #AE3F00, #003CE2, #680061, #3A0F00)
• Patina Orchid color palette (#E3E1FF, #B057D8, #00888C, #006084, #2E0C3D)
• Worn Byzantium color palette (#FFDEBC, #F9A02F, #6A74E9, #8546B6, #301900)
• Tempered Mulberry color palette (#F2D5DF, #B66C00, #875AAD, #91006C, #2E0D1C)
• Aged Alley color palette (#C3E6F8, #007C94, #7438BB, #71006A, #001015)

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