Tempered Lapis color palette — #F3EECB · #B7A631 · #7F56C6 · #5157E7 · #151200

Iris and Amethyst set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F3EECB): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#B7A631): A luminous, balanced green — the color of a quiet forest floor.
• Amethyst (#7F56C6): A full-bodied, vivid violet — the color of a velvet chair.
• Iris (#5157E7): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#151200): 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 Tempered Lapis 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 Violet color palette (#E7DCD0, #DA9430, #8060DB, #0074B7, #1C0E00)
• Misty Byzantium color palette (#E3EBDD, #80B932, #A64994, #8D38D7, #0A1500)
• Muted Orchard color palette (#EAE3B3, #8A7B00, #714BCE, #5A39A8, #020200)
• Antique Garden color palette (#DCF5E1, #37C26A, #CA3F5F, #A632AE, #001706)
• Orchid Hollow color palette (#E0F2D7, #7CDA38, #C455C4, #AD54E7, #122C00)
• Hushed Study color palette (#D3E3D6, #309E53, #902A4A, #850090, #000300)
• Hushed Lime color palette (#DEFEF0, #BFC91E, #B0A8FA, #C388B4, #213F34)
• Dusty Garnet color palette (#E8DEC1, #605B00, #00546D, #6C004B, #040400)

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