Lapis Canyon color palette — #E7F3E9 · #007B36 · #301EF9 · #8F0700 · #000B02
Built around Iris, softened by Garnet — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F3E9): bright and airy, almost weightless.
- Olive (#007B36): A full-bodied, balanced green — the color of a quiet forest floor.
- Iris (#301EF9): A full-bodied, vivid violet — the color of a velvet chair.
- Garnet (#8F0700): A full-bodied, vivid orange — the color of toasted spice.
- Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Lapis Canyon 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
- Soft Grape Corridor color palette (#D0F2F3, #00785B, #6200E4, #793300, #000A06)
- Gentle Courtyard color palette (#D5E5CA, #467600, #005BA7, #8D0032, #030A00)
- Aubergine Orchard color palette (#C4E9E2, #00675C, #6800AC, #5B3200, #000202)
- Antique Indigo Dune color palette (#D5F8E4, #00A66F, #7063FF, #BA4200, #002C1B)
- Hazy Mulberry Balcony color palette (#ECEAD9, #736700, #00657E, #830064, #090700)
- Quiet Mulberry Station color palette (#DBF2F7, #006F6D, #930065, #5B2100, #000606)
- Soft Byzantium color palette (#CFECD2, #33B155, #BB3661, #8F2C9D, #000B02)
- Linen Harbor color palette (#DAF0FF, #0080A5, #B80081, #5F5B00, #00141D)
Browse the whole catalog at Explore, or see today's palette.