Lapis Lagoon color palette — #DDE3F0 · #718DE8 · #5455D9 · #433A8E · #393158

Iris and Lavender Blue set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#DDE3F0): a clean, paper-quiet neutral.
• Lavender Blue (#718DE8): A luminous, balanced violet — the color of wild irises.
• Iris (#5455D9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#433A8E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#393158): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged cool.

Use it as a design system

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

• Softworn Terrace color palette (#D3EBFF, #4FA7F6, #0064D4, #254996, #333D63)
• Weathered Market color palette (#C6E3F8, #70ABFF, #6E74DA, #655497, #4B335D)
• Byzantium Harbor color palette (#E0DEEC, #A988E0, #8B39C2, #652E7D, #4F3353)
• Gentle Parlor color palette (#FFE7F3, #8A81D0, #D03B3A, #5640A7, #542522)
• Grape Alley color palette (#FFF1F6, #AE96E2, #6F42B9, #3F2071, #261640)
• Pale Courtyard color palette (#DCE3F6, #655DEC, #4A00C5, #3B007C, #260848)
• Misty Chapel color palette (#F9DBE9, #7E64CC, #AE3D6C, #006481, #3E2030)
• Azure Hollow color palette (#D7F4FC, #00A4C7, #007CA2, #004E6F, #262F56)

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