Tempered Lapis color palette — #D7E5FF · #4556D4 · #006A3F · #004745 · #11174D
A conversation between Iris and Pine, giving this palette its sense of nature and growth.
The five colors
- Frost (#D7E5FF): A whisper-light, dusty violet — the color of wild irises.
- Iris (#4556D4): A full-bodied, vivid violet — the color of a velvet chair.
- Pine (#006A3F): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004745): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#11174D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged cool.
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
- Petrol Bloom color palette (#D0E8FF, #006CB0, #416500, #004934, #00213B)
- Dusty Field color palette (#EFF2FF, #5C3BC0, #004F3A, #00363E, #001335)
- Timeworn Byzantium color palette (#E0E2FF, #8531CE, #006761, #004455, #291041)
- Hushed Bloom color palette (#DEDFFF, #9418D9, #456700, #004255, #130022)
- Dusty Pewter Bloom color palette (#EFECFD, #925796, #006E79, #004973, #28213C)
- Peony Lagoon color palette (#FFDADB, #F63FC4, #537200, #006470, #340F29)
- Gentle Mulberry color palette (#F2EBFF, #82246F, #004B5E, #002950, #1E0018)
- Cypress Harbor color palette (#F1F5FF, #898BB9, #558C77, #006D71, #373D4E)
Browse the whole catalog at Explore, or see today's palette.