Tempered Loft color palette — #D3F7ED · #6BAABF · #676E98 · #553700 · #091900

Cocoa takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D3F7ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6BAABF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#676E98): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#553700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#091900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Denim Lagoon color palette (#D3F0F3, #7397B8, #66538D, #322C00, #001407)
• Dusty Atelier color palette (#E3F0FF, #ACA0CE, #8F537F, #085025, #001914)
• Wandering Harbor color palette (#DEF0FF, #7673A5, #623658, #0A2400, #000202)
• Weathered Cobalt Drift color palette (#E5F0FF, #6678B9, #53447F, #471D30, #240108)
• Aged Violet Coast color palette (#EFD9EB, #9EA0D5, #956BC1, #804B56, #4A1B19)
• Timeworn Jade Parlor color palette (#E2FCF1, #7DB279, #007156, #004450, #000B00)
• Aged Cobalt Summit color palette (#FCF2F8, #9AD7E9, #0082BF, #005249, #00082C)
• Softworn Coast color palette (#F2F5FF, #CCD2EC, #A491B1, #407B5C, #004348)

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