Lapis Harbor color palette — #F0F5FF · #98A6FF · #CD9918 · #5451F6 · #4C3600

Iris and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Cornflower (#98A6FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#CD9918): A luminous, balanced gold — the color of afternoon light on wheat.
• Iris (#5451F6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4C3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Energy, Balance. 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

• Hushed Amethyst color palette (#EBEDFE, #B197E8, #A2992D, #8644DD, #3B3700)
• Antique Indigo Workshop color palette (#FFF0FB, #B3C5FF, #D1AC07, #5A71DF, #392D00)
• Ancient Chapel color palette (#D6DEF0, #999EFF, #8D8B00, #4A20D6, #2C2B00)
• Amber Drift color palette (#EDF7FF, #75CAFF, #C57400, #0080B9, #563000)
• Orchid Garden color palette (#F5F3FF, #D1A5DA, #93B25C, #AD57BD, #384A12)
• Chalky Hollow color palette (#F0F5FF, #B3C1FF, #FF91A0, #798AFF, #61222E)
• Feathered Byzantium Grove color palette (#F6F3FF, #EE9DF2, #78AE00, #A700B1, #2C4300)
• Hushed Atelier color palette (#FFF0FB, #7188FB, #E8005A, #393ADF, #63202E)

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