Tempered Lantern color palette — #FFF3E9 · #8BBFDE · #2F64D9 · #005650 · #371F6D

Royal Blue and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#8BBFDE): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2F64D9): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#371F6D): 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

• Tempered Petrol color palette (#F7ECE6, #95BCA5, #176CAC, #00523F, #232859)
• Washed Cobalt color palette (#E7F7EA, #82C5EC, #0074C8, #00505B, #041346)
• Airy Harbor color palette (#F5EDE5, #7BA4C1, #304BB2, #003E3C, #260C4A)
• Cornflower Garden color palette (#FBF4EA, #90D4FD, #008FF4, #00707E, #152D6D)
• Cobalt Balcony color palette (#FFF2ED, #B6D8BF, #0088C5, #006A47, #2A3D6E)
• Onyx Garden color palette (#F7E5DF, #4D9DA5, #00506F, #00321A, #000F39)
• Soft Quarry color palette (#FFF1F7, #ADE2FF, #79AAFF, #00998D, #342368)
• Worn Lantern color palette (#F9F4EF, #CCE5E8, #8C97C2, #257D7F, #684855)

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