Tempered Lapis color palette — #F0DBDB · #C25AA5 · #C15616 · #474DE9 · #370A2B

A conversation between Iris and Hot Pink, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F0DBDB): A whisper-light, dusty red — the color of embers at dusk.
• Hot Pink (#C25AA5): A luminous, balanced pink — the color of neon signs at night.
• Terracotta (#C15616): A full-bodied, balanced orange — the color of sun-warmed clay.
• Iris (#474DE9): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#370A2B): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy. Tagged vibrant, warm.

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

• Powdered Grape color palette (#FBE8E5, #CD5A7E, #AA6A00, #7743CB, #370F1D)
• Peony Balcony color palette (#FFF1F5, #F83596, #BB6B00, #6C56BB, #1F000D)
• Crimson Delta color palette (#EEDDE2, #9D6CC9, #C8465E, #0070A8, #28133A)
• Sunlit Pier color palette (#EADAD7, #C93160, #8E5D00, #7400C5, #29000C)
• Plum Workshop color palette (#FFE6D8, #CD6241, #877D00, #A13497, #3A0F03)
• Gentle Boulevard color palette (#FFF2ED, #DB8B8B, #B7933C, #A36BBF, #4E2F24)
• Tempered Plum Corridor color palette (#FFE7E7, #A73987, #007140, #00585F, #331128)
• Plum Boulevard color palette (#FFEFEC, #F7CABD, #EE9A88, #AE4882, #52212D)

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