Lapis Field color palette — #FDD8F0 · #9EA6FF · #3FA500 · #4A2FDB · #103800

Iris takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FDD8F0): A whisper-light, dusty pink — the color of a candy shop window.
• Wisteria (#9EA6FF): A luminous, balanced violet — the color of a velvet chair.
• Kelly Green (#3FA500): A luminous, vivid green — the color of new leaves after rain.
• Iris (#4A2FDB): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#103800): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Feathered Grape color palette (#EBDEFF, #C495FF, #2AA714, #7900C6, #083902)
• Frosted Lapis color palette (#DCE4FF, #95A9FF, #A78800, #3A2CE7, #382D00)
• Grape Delta color palette (#F2F4FF, #C5B3FF, #A69700, #7700E9, #231F00)
• Dusty Byzantium color palette (#FFF1F4, #E69FFF, #00B778, #9433B2, #00472B)
• Weathered Coast color palette (#E1E2FF, #ACAAFF, #00C0B5, #7F6CFF, #003632)
• Faded Mulberry color palette (#FDD1D4, #E084CB, #2B9D59, #8E0F7B, #003316)
• Wandering Sky color palette (#CCE9FF, #4FBAFF, #AD6A00, #0070A8, #432600)
• Washed Plum color palette (#FFE8E7, #DC8BB1, #53AA77, #AC497C, #0C4025)

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