Lapis Field color palette — #F1F5FF · #A0AAFF · #B69A06 · #5347EB · #251E00
Built around Iris, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#A0AAFF): A luminous, balanced violet — the color of a velvet chair.
- Mustard (#B69A06): A luminous, balanced green — the color of new leaves after rain.
- Iris (#5347EB): A full-bodied, vivid violet — the color of a velvet chair.
- Onyx (#251E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. 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
- Misty Thicket color palette (#FFD7F2, #A2AEFF, #D2AE20, #6468F3, #382D00)
- Softworn Grape color palette (#F3F4FF, #D5ACFF, #67AA00, #8900D1, #122400)
- Amber Basin color palette (#EBF7FF, #75CCFF, #BC7D00, #0073A4, #2C1A00)
- Feathered Byzantium color palette (#F5F4FF, #F2C2FF, #9DB633, #AA36C7, #2A3300)
- Tempered Coast color palette (#E7EBFF, #6C71FF, #876F00, #3C00D2, #1C1500)
- Dusty Plum Quarry color palette (#F6F3FF, #EBA1E8, #5FBC87, #A451A3, #00311A)
- Hushed Grape Summit color palette (#FFD8EA, #915DF8, #946600, #5E00BD, #3F2900)
- Lilac Summit color palette (#F4F4FF, #AA9BFF, #8B7800, #4D6E1C, #15003C)
Browse the whole catalog at Explore, or see today's palette.