Tempered Lantern color palette — #F1E7E1 · #98BEA6 · #0073A5 · #004C42 · #001338

Slate and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Sage (#98BEA6): A luminous, dusty teal — the color of glacier melt.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001338): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Wandering Petrol Station color palette (#EEF0E2, #92BDA3, #007392, #004F55, #003248)
• Tempered Denim Villa color palette (#E6DDD6, #70A3C6, #2A55A1, #00393D, #0A002D)
• Frosted Harbor color palette (#F7F0EA, #ACD5F7, #577EDB, #00616B, #241B4C)
• Antique Azure color palette (#EDF8F6, #CCDFFE, #00A1C9, #00696F, #002231)
• Worn Canyon color palette (#E9DDD3, #4F7F99, #003A76, #001F20, #01000B)
• Cypress Lagoon color palette (#F7F0ED, #CBE1E0, #76A89A, #097B74, #422F3F)
• Dusty Teal Workshop color palette (#B4EDD7, #36B099, #006D53, #003228, #000805)
• Tempered Mulberry color palette (#DAE8D1, #007D69, #88378C, #8E0044, #000E0A)

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