Tempered Lantern color palette — #ECE4D8 · #86B6E5 · #416ED4 · #00566D · #181747
A conversation between Sapphire and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#ECE4D8): bright and airy, almost weightless.
- Sky (#86B6E5): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#416ED4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Peacock (#00566D): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Indigo (#181747): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered Lantern 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
- Hushed Cobalt color palette (#EBE4D9, #79BDD0, #007FAC, #005957, #00213B)
- Tempered Cobalt Courtyard color palette (#E4FAFA, #A4D0FE, #3A78D3, #004C6D, #010432)
- Soft Nightshade color palette (#F0E6DB, #71A4D1, #4047B0, #003E40, #27133C)
- Washed Iris color palette (#DDE8DB, #98C5F1, #738CE1, #007A8C, #230E4B)
- Washed Wisteria color palette (#F9E2F6, #BBBEFF, #C678E1, #0973A9, #192141)
- Ancient Navy Villa color palette (#D1E5EB, #0099CA, #006EAB, #003D94, #0D114B)
- Weathered Azure color palette (#FFF4E2, #82D9F6, #0097D6, #007274, #003362)
- Weathered Hollow color palette (#EBD9EC, #0D86F2, #986B00, #00529B, #261800)
Browse the whole catalog at Explore, or see today's palette.