Tempered Loft color palette — #EFF7F6 · #D5DBE0 · #98C1A0 · #BCAFB2 · #4B5554

Built around Mint Leaf, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D5DBE0): a clean, paper-quiet neutral.
• Mint Leaf (#98C1A0): A luminous, dusty teal — the color of glacier melt.
• Ash (#BCAFB2): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#4B5554): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, 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

• Wandering Corridor color palette (#EDF8F9, #D3DAE4, #B5A7AF, #00BF9D, #2B4548)
• Aqua Meadow color palette (#E6F5F8, #7DC7BB, #6A7F8D, #45585C, #1B2423)
• Weathered Driftwood Delta color palette (#F1F3EB, #CFDBD7, #A4B2B8, #7E8A45, #353730)
• Aged Dune color palette (#FFF0FE, #BDDBAC, #71BCC9, #C07274, #2B4F4F)
• Patina Cypress Harbor color palette (#DBE8E8, #96A2AF, #8087A5, #007650, #000C0D)
• Patina Dune color palette (#DAE3E9, #B0AEC2, #A590B1, #007DA2, #021622)
• Hushed Azure Terrace color palette (#EEF6FD, #DCD7ED, #E2B4CC, #00A3EB, #1E3547)
• Ancient Pier color palette (#E8F9FB, #F5FBC1, #A3FBD1, #AACEFF, #2A4D58)

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