Tempered Lantern color palette — #FFF2EB · #C86A4D · #008A9E · #1370A3 · #3D3632

Coral Clay takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Coral Clay (#C86A4D): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#008A9E): A full-bodied, balanced blue — the color of open sky before noon.
• Slate (#1370A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3D3632): quiet, heavy and certain.

Feels like: Trust, Stability, Balance. Tagged 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

• Aged Peony color palette (#FFF2EF, #C4677F, #008F7C, #007686, #4A302B)
• Cobalt Grove color palette (#FFF3E5, #B17D2E, #3380C0, #4866AA, #3C3731)
• Dusty Nightshade Workshop color palette (#F5DBC8, #B26314, #006D94, #1C2FBC, #3A1B00)
• Weathered Sapphire Pier color palette (#FFE8C3, #A07900, #0067EF, #8039A4, #3F2D00)
• Misty Amber color palette (#FFECF5, #D46D28, #7C872C, #8D5677, #2B1722)
• Patina Lagoon color palette (#FFF2EB, #DFDCCC, #B7C88A, #9D6C7A, #724302)
• Washed Apricot color palette (#FFF2EA, #E98757, #9A9F4B, #AF6D9A, #3D3632)
• Tempered Workshop color palette (#FAF5E7, #ADA97E, #7B7527, #654D26, #3B4200)

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