Lapis Ridge color palette — #DFEFFD · #3486F0 · #3544FF · #4200BC · #16003D

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

The five colors

• Frost (#DFEFFD): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3486F0): A luminous, vivid blue — the color of deep harbor water.
• Iris (#3544FF): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#4200BC): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#16003D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Muted Grove color palette (#E2EDFF, #627AF3, #7234FA, #6300AD, #240039)
• Worn Workshop color palette (#C9EFFC, #0092D0, #006BAD, #0033CF, #0A0042)
• Ultramarine Courtyard color palette (#CFE4EC, #0089D5, #300FF5, #29006B, #0C0012)
• Timeworn Orchard color palette (#CCE9F2, #0087BF, #0046CB, #390081, #290034)
• Aubergine Courtyard color palette (#E4E3F2, #9A8CF5, #6E53F0, #4700B3, #040015)
• Aged Terrace color palette (#E8F0FF, #7283E7, #9B7B00, #432AFE, #150E00)
• Washed Sapphire Basin color palette (#E0EAFF, #D7A9CA, #D187C1, #2B6FE6, #210941)
• Amethyst Coast color palette (#D6EAFF, #7CA9FF, #7C78FF, #7B24FA, #441271)

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