Tempered Loft color palette — #EEF8F2 · #C0E8DD · #97C2A3 · #80A48F · #37544C

Mint Leaf and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F2): a clean, paper-quiet neutral.
• Honeydew (#C0E8DD): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#97C2A3): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#80A48F): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#37544C): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Loft 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

• Ancient Ash Boulevard color palette (#ECF9F5, #C3E6E5, #8FBFC8, #AF8EAA, #355353)
• Cerulean Canyon color palette (#CDF9F1, #B0E3C3, #64C8B1, #2AA1AA, #2C5469)
• Softworn Bronze color palette (#F7F5ED, #D4D2BB, #88A67C, #8D7D34, #554F00)
• Pine Garden color palette (#D7EBDE, #89A261, #008743, #006265, #0B1200)
• Worn Veranda color palette (#FEF1F6, #ACD6BA, #99A95D, #489576, #1C3E29)
• Teal Quarry color palette (#E2FCF3, #A5DFB0, #3CBCA2, #7F9240, #1C4426)
• Teal Bloom color palette (#EBF8FB, #9BE5DD, #F9B0BA, #00C2B6, #5C4260)
• Worn Mallow Delta color palette (#E5F9FF, #85D8D3, #F6A2B5, #D4976C, #29484F)

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