Lapis Harbor color palette — #DEEDF7 · #3681FF · #474EFF · #5B11BB · #20002C

Iris takes the lead with Plum close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEEDF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3681FF): A luminous, vivid violet — the color of a velvet chair.
• Iris (#474EFF): A full-bodied, vivid violet — the color of a velvet chair.
• Plum (#5B11BB): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#20002C): A deep, shadowed, balanced pink — the color of neon signs at night.

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

• Blazing Lapis Orchard color palette (#D8E4F9, #4E6BFF, #4400E8, #2B0084, #17003F)
• Nightshade Workshop color palette (#CBEEFA, #0094DF, #006ADC, #391EBA, #180039)
• Dusty Workshop color palette (#E5EEFB, #6774FF, #7B2AFC, #6A0088, #230022)
• Softworn Grape Drift color palette (#D2E0FF, #7A55EC, #7B00BF, #6B0069, #1D0010)
• Pale Amethyst color palette (#E2E1F1, #B07FFF, #853FFF, #5C00A0, #03000B)
• Soft Ultramarine Meadow color palette (#F5E1EF, #8296FF, #748C02, #351DD6, #0D1200)
• Navy Hollow color palette (#CDF3F7, #0095B9, #006EA3, #0047A7, #150043)
• Tempered Byzantium Pier color palette (#E2EEF8, #91ABFF, #9179FF, #912BDE, #4F0A5E)

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