Tempered Loft color palette — #FFF0F9 · #98BEA8 · #639884 · #67617D · #534F61

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sage (#98BEA8): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#639884): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#67617D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#534F61): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

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

• Timeworn Orchard color palette (#F9F1FF, #CDA8B9, #63897D, #56637C, #4D485E)
• Worn Lagoon color palette (#ECF8F3, #92BB9E, #00857E, #615173, #2B4947)
• Ash Alley color palette (#E6FCE6, #B1CCC5, #76A2B0, #736879, #605058)
• Cerulean Workshop color palette (#C4E9D6, #84B5B8, #4184A3, #68475A, #503435)
• Hushed Petrol Chapel color palette (#CBE9DA, #6BA57E, #00738C, #663A2E, #472A05)
• Garnet Atelier color palette (#FFE8D0, #94AC64, #007E6E, #6C3955, #621B23)
• Timeworn Summit color palette (#F9F3FA, #BEE4EF, #2E97B8, #3A7041, #37495D)
• Softworn Basin color palette (#E7FAF7, #78B16B, #B075C8, #2C701A, #4F3858)

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