Tempered Lantern color palette — #F6F0F3 · #D6D1E6 · #7B9FCA · #2C7A69 · #2B3550

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D6D1E6): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7B9FCA): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2C7A69): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2B3550): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Ash Lagoon color palette (#F1F7F2, #D6DEF0, #719FC0, #397A7E, #445467)
• Muted Indigo Field color palette (#FCEDF2, #AAD5FD, #6C78D9, #006165, #2F1647)
• Patina Thicket color palette (#E8D9E2, #77A3BB, #005A9C, #003B2E, #07002F)
• Lagoon Lagoon color palette (#FCECF8, #CB887E, #75996C, #248D61, #32212F)
• Petrol Field color palette (#EDE7ED, #8EBCCA, #007698, #004F22, #001533)
• Navy Quarry color palette (#EFDDE5, #547E99, #143089, #001F1E, #020008)
• Ash Field color palette (#F5EEFF, #ECD4D6, #B8DEC5, #9A87BD, #413443)
• Softworn Plum color palette (#F5EFFC, #D2A3BD, #52B098, #A44F83, #00393E)

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