Tempered Lantern color palette — #FFF2EB · #7BD9FD · #2992E1 · #00736D · #1B2C6C

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#7BD9FD): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#2992E1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00736D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1B2C6C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Airy Harbor color palette (#FFF2EC, #73DFDF, #009CBA, #00764B, #003753)
• Tempered Azure color palette (#FFF0F8, #D7D7F1, #13A1F7, #00736B, #091B5E)
• Patina Harbor color palette (#E5FBF8, #86C2D8, #0078A1, #00545F, #003754)
• Lagoon Garden color palette (#FBF4ED, #C3E6E9, #89A5D8, #238A93, #434367)
• Abyss Pier color palette (#F9E9E1, #6EAFAC, #007385, #004D2A, #001623)
• Denim Canyon color palette (#F8EADD, #7297B7, #3851A1, #003A42, #0B0027)
• Aged Pier color palette (#FFE3EF, #E63EA0, #00986B, #008078, #42092A)
• Quiet Violet color palette (#FFF1F1, #FFD1CD, #F3AE44, #9B61BB, #612131)

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